Ignore click on div

Question

I have set an "onmousedown" event handler for the body of my page. In this page there are some div elements, is it possible to ignore the clicks on these divs, and to just fire the onmousedown event handler of the body with the correct coordinates, as if the divs were not present?

Answer 1

If you want a click on a div to result in nothing, use this CSS declaration:

div {
pointer-events: none;
}

or use this to stop any event from firing by a click on a div:

$('div').click(function(e) {
  e.stopPropagation();
});