Каскадные события мыши между дивом и холстом поверх него?

Question

Итак, есть ли способ для меня наложить холст на div одинакового размера, и у каждого из них и div, и canvas есть свои собственные соответствующие обработчики mouseevent для обработки событий mouseclick, mouseover и mousemove, несмотря на canvas быть на вершине? Если да, то как мне это сделать?

Answer 1

Положите <canvas> как дочерний элемент <div>, то есть <div><canvas></canvas></div>.События, происходящие на холсте, будут пузыриться в div, и вы можете обрабатывать их дважды.

Answer 2

Что плохого в том, что один метод вызывает другой?

http://jsfiddle.net/ZCuL6/9/

Или, если они имеют одинаковый размер, и вы всегда хотите, чтобы они вызывались сразу, возможно, вам следует просто иметь один метод для всех событий мыши и всегда иметь эти методы в самом верхнем объекте вашего слоя.