09
Сен
2021

Порядок вызова событий поменятлся?

Помню, что при наличии нескольких обработчиков событий на элементе в том случае, когда он является целевым (т. е. фаза 2 - targeting), обработчики вызывались подряд в порядке добавления независимо от того, на какую фазу они подписаны (capturing или bubbling).

Но сейчас при запуске вот такого кода и нажатии на кнопку

var btn = document.querySelector('button')

btn.addEventListener('click', e => console.log(e.eventPhase, 'Bubbling 1'))
btn.addEventListener('click', e => console.log(e.eventPhase, 'Capturing 1'), true)
btn.addEventListener('click', e => console.log(e.eventPhase, 'Bubbling 2'))
btn.addEventListener('click', e => console.log(e.eventPhase, 'Capturing 2'), true)
<button>Click me</button>

Chrome 93.0.4577.63 выводит

2 Capturing 1
2 Capturing 2
2 Bubbling 1
2 Bubbling 2

В то время, как Firefox 92.0 показывает

2 Bubbling 1
2 Capturing 1
2 Bubbling 2
2 Capturing 2

Кто из них прав и почему в Хроме поменялось поведение с тех пор, как я проверял в прошлый раз? Неужели поменяли спецификацию?

PS: Но вообще, новый вариант кажется гораздо более логичным - меня раньше удивляло, что было сделано наоборот.

Источник: https://ru.stackoverflow.com/questions/1326967/%D0%9F%D0%BE%D1%80%D1%8F%D0%B4%D0%BE%D0%BA-%D0%B2%D1%8B%D0%B7%D0%BE%D0%B2%D0%B0-%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D0%B9-%D0%BF%D0%BE%D0%BC%D0%B5%D0%BD%D1%8F%D1%82%D0%BB%D1%81%D1%8F

Тебе может это понравится...

Добавить комментарий