Почему два разных ответа?

Question

[Rubical]

Добрый день. Проходил тесты на https://learn.javascript.ru/ и попались казалось бы 2 похожих вопроса, но ответы разные, может кто объяснить, почему?

1) Есть элемент div id=«elem»input//div На нём два обработчика:
elem.addEventListener("click", handler1, false);
elem.addEventListener("click", handler2, true);
Какой из них сработает раньше при клике на ?
• первый.
• второй. (правильный)
• ни один.
• стандарт не указывает точную последовательность.

Есть элемент input type=«button» id=«elem»/ На нём два обработчика:
elem.addEventListener("click", handler1, false);
elem.addEventListener("click", handler2, true);
Какой из них сработает раньше при клике на elem?
• первый. (правильный)
• второй.
• стандарт не указывает точную последовательность.

Comments

[Lynn «Кофеман»]

Ссылку на вопросы?
По вашему описанию ничего непонятно

[Rubical]

Lynn «Кофеман»,

Answer 1

[Сергей Соколов]

Посмотрите на том же learn.javascript про погружение и всплытие событий.

Вот песочница вашего вопроса:

Если в первом кликать не на вложенном поле input, а сбоку от него, именно на div'е, то порядок событий такой же как во втором. Как вешали обработчики, в том же порядке отрабатывают: 1, 2.

Если же кликнуть именно на поле ввода, которое вложено в div со слушателями, то 2-й сработает первым, ещё на фазе «погружения» события, т.к. у второго слушателя третьим аргументом true.

Comments

[Алексей Ярков]

Если в первом кликать не на вложенном поле input, а сбоку от него, именно на div'е, то порядок событий такой же как во втором — как вешали обработчики, в том же порядке отрабатывают: 1, 2

Вообще нет: https://codepen.io/yarkovaleksei/pen/YzjpKyg

Куда ни кликай - везде 2, 1 работает.

[Сергей Соколов]

Алексей Ярков, неужели, браузеро-специфично? Я в FireFox пробую: и ваш и мой codepen при клике сбоку даёт порядок 1, 2.

чесслово!

[Алексей Ярков]

Сергей Соколов, Ubuntu, последний Chrome. Везде 2 и 1 )

[Сергей Соколов]

Алексей Ярков, вот, что зловредный Apple с лисицами творит: предательски следует стандартам! ) Не то, что свободная убунта и корпорация бобра! )

[Сергей Соколов]

Алексей Ярков, но ведь логично ж всё в ответе было.. Всё как W3C смолвил..