Why is chrome ignoring the event handler?

Question

JavaScript

In chrome, the parent node handler intercepts the click and the child element handler does not fire. FF executes both handlers. If you leave two identical events (onmousedown only or onclick only), everything works correctly.
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");
}

Here is an example on jsfiddle

Answer 1

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

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

Read .

Answer 2

Indeed, it didn’t work like that
. Probably, this is some kind of feature of event bubbling in chrome.
You can just check the targets if you don’t bother