图像映射和 mouseleave 事件答案

【问题标题】：Image mapping and mouseleave event图像映射和 mouseleave 事件
【发布时间】：2013-03-26 16:06:30
【问题描述】：

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

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

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

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

提前感谢您的帮助。

【问题讨论】：

【解决方案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>

【讨论】：