AddEventListener не работает с onClick

Я пытаюсь использовать windows.addEventListener для выполнения моей функции при нажатии div. Однако ничего не происходит.

Вот мой код:

Javascript: 

window.addEventListener('load', init);

function init(){
    document.addEventListener('DOMContentLoaded', function() {
        document.getElementById("wheelContainer").addEventListener("onclick", function() { winPrize;
        }, false);
    });
}
Может ли кто-нибудь, пожалуйста, сказать мне, что я делаю не так?

Спасибо.

1 2
javascript onclick addeventlistener

1 ответ:

Здесь по меньшей мере три вещи неправильны:

  1. имя события для использования с addEventLisener() - "click", а не "onclick".
  2. вы должны использовать событие window load или событие DOMContentLoaded, но не оба.
  3. ваша функция обработчика кликов на самом деле ничего не делает. Вы хотели вызвать функцию типа winPrize();?

Итак, очистив все эти вопросы, вы получите следующее: 

document.addEventListener('DOMContentLoaded', function() {
    document.getElementById("wheelContainer").addEventListener("click", function() { winPrize();
    }, false);
});

Вам вообще не нужна функция init() или обработчик событий загрузки окна, так как вы можете просто установить обработчик событий, когда срабатывает событие DOMContendLoaded.

5