多层元素上的Mousedown事件[JavaScript]

Question

I have a div element placed on top of a canvas (with absolute positioning). Is there a way to make canvas.addEventListener('mousedown,......) work when the user clicks on the div element? I know logically it shouldn't worked as div is placed on top of canvas and user is ultimately clicking div element, not canvas. Will making div element transparent or something work? or is there any other possible solution to this problem?

Answer 1

For newer browsers you can use CSS pointer-events

.div_class {pointer-events : none}

FIDDLE