jquery - 图像映射和 mouseleave 事件

Question

我有一张使用地图的图像，其中定义了一些区域。

我需要在鼠标离开图像时触发一个事件，所以我使用 jQuery (1.9.1) 将一个“ mouseleave ”事件附加到图像上。

不幸的是，当我将鼠标悬停在一个映射区域时，事件就会触发。

我只需要在鼠标离开图像时触发事件，因此如果鼠标悬停在一个区域，则不会发生任何事情。

在此先感谢您的帮助。

Answer 1

我今天正在处理同样的问题。问题是图像映射的区域是在绑定 mouseleave 事件的元素之外定义的，就像这样：

<div class="elementWithMouseleaveEvent">
   <img src="something" usemap="map" />
</div>
<map id="#map">
    // areas here
</map>

在 div 中移动地图元素解决了这个问题：

<div class="elementWithMouseleaveEvent">
   <img src="something" usemap="map" />
   <map id="#map">
       // areas here
   </map>
</div>