чем отличается addEventListener от onclick ?
1 ответ
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>
-
-
2Садитесь в кружок, ребятишки, До ужина есть полчаса. Сейчас расскажу я вам сказку Про рыцарей и чудеса.– user176262Commented 4 окт. 2018 в 13:18
-
@Grundy Мои поздравления с 50к.– user176262Commented 4 окт. 2018 в 13:19
-
@ЛаврикКан, а что конкретно непонятно? что свойство присваивается, а метод вызывается?– Grundy ♦Commented 4 окт. 2018 в 13:42
-
Как понять что addEventListener() может вызван несколько раз?,разве onclick нельзя вызвать несколько раз на пример при нажатии на кнопку?Или я не правильно понял?Вы написали "Может быть вызван несколько раз, в этом случае будет добавлено несколько обработчиков." но в onclick вроде тоже можно добавить несколько обработчиков событий!?И вы сказали "Позволяет указывать фазу события, на которую добавляется обработчик, а так же имеет дополнительные настройки." а разве onclick не позволяет указывать фазу?например при клике или при наведении?Вот что мне не понятно! Commented 4 окт. 2018 в 13:54