Почему chrome игнорирует обработчик события?

Question

[Даниил Попов]

В chrome обработчик родительского узла перехватывает клик и обработчик дочернего элемента не срабатывает. FF выполняет оба обработчика. Если оставить два одинаковых события (только onmousedown или только onclick), все работает корректно.

HTML

<section id = "parent">
  <div id = "child">
    Child
  </div>
</section>

JS

var child = document.querySelector("#child");
var parent = document.querySelector("#parent");

child.onclick = function(){
	alert("Привет, я - Child");
}

parent.onmousedown = function(){
	alert("Привет, я - Parent");
}

Вот пример на jsfiddle

Answer 1

[Дмитрий Лузанов]

child.addEventListener('click', function(){
  alert("Привет, я - Child");
})

child.addEventListener('mousedown', function(){
  alert("Привет, я - Parent");
})

Читать.

Answer 2

[Kim_Soal]

Действительно, не работало так
Наверное, это какая-то особенность всплытия событий в хроме
Можно просто проверять таргеты, если не заморачиватся

Comments

[Даниил Попов]

Kim_Soal, я нашёл 3 варианта решения:
через таргеты, как вы сказали;
через addEventListener, как сказал Predve4niy
через одинаковые события(например, все onclick заменить на onmousedown)
Но вопрос в том, почему не сработала исходная запись