同时在2个div中注册鼠标事件？

Question

有没有办法在两个不同的div上注册鼠标事件（点击，悬停，滚动等）？

我目前正在使用一个应用程序，该应用程序使用传单地图（类似于谷歌地图，对于那些不知道它的人）和在其上方分层的画布元素（运行处理）。现在我可以通过什么都不做在canvas元素中注册事件，或者我可以通过给画布提供CSS pointer-events:none;来在地图中注册事件。

有没有直接的方式来点击它们？

另一种方法是定义点击进入其中一个或另一个的区域。具体来说，我想点击透明画布区域，而不透明的画布区域会在画布中记录它们的点击。

Answer 1

您可以设置一个班级，然后拨打.click()或其他内容，然后将您的操作设置为班级

$(".className").click(function(){ Your Action here });

并且动作是您想要的任何动作，它甚至可以影响两个div，例如：

$(".className").html('Affected DIVS!'); 

然后只需在DIVS上设置您的班级名称......

<div class="className">

另外......你可以trigger() .click()获得你无法达到的DIV，即：

$('.className').trigger('click');

总之，您可以使用trigger()事件来调用相同的操作：在div {1}上的.click()上trigger() .click()。.hover() on在div 2上的div 1，trigger() .hover()。滚动等等..等等。