图像映射和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>