0

чем отличается addEventListener от onclick ?

1 ответ 1

5

onclick - это свойство конкретного DOM элемента. Значением этого свойства является обработчик события click, а именно - конкретная функция.

addEventListener - это метод, который добавляет обработчик события. Может быть вызван несколько раз, в этом случае будет добавлено несколько обработчиков. Позволяет указывать фазу события, на которую добавляется обработчик, а так же имеет дополнительные настройки.

Немного на примере:

btn1.onclick = function() {
  console.log('first onclick');
}
btn1.onclick = function() {
  console.log('second onclick');
}

btn2.addEventListener('click', function() {
  console.log('first addEventListener');
})
btn2.addEventListener('click', function() {
  console.log('second addEventListener');
})
<button id="btn1">onclick</button>
<button id="btn2">addEventListener</button>

10
  • Спасибо,а можно попонятней? Commented 4 окт. 2018 в 13:14
  • 2
    Садитесь в кружок, ребятишки, До ужина есть полчаса. Сейчас расскажу я вам сказку Про рыцарей и чудеса.
    – user176262
    Commented 4 окт. 2018 в 13:18
  • @Grundy Мои поздравления с 50к.
    – user176262
    Commented 4 окт. 2018 в 13:19
  • @ЛаврикКан, а что конкретно непонятно? что свойство присваивается, а метод вызывается?
    – Grundy
    Commented 4 окт. 2018 в 13:42
  • Как понять что addEventListener() может вызван несколько раз?,разве onclick нельзя вызвать несколько раз на пример при нажатии на кнопку?Или я не правильно понял?Вы написали "Может быть вызван несколько раз, в этом случае будет добавлено несколько обработчиков." но в onclick вроде тоже можно добавить несколько обработчиков событий!?И вы сказали "Позволяет указывать фазу события, на которую добавляется обработчик, а так же имеет дополнительные настройки." а разве onclick не позволяет указывать фазу?например при клике или при наведении?Вот что мне не понятно! Commented 4 окт. 2018 в 13:54

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.