Javascript 忽略鼠标事件可单击区域上的标签

在这个简单的示例中，您可以看到一个

div

，其中文本位于

img

之上。光标可以采取三种行为之一，具体取决于光标悬停的位置：指针在

img

上，文本选择在

div

的内容上，以及在

外部

时的默认这两种行为：

<img src="http://cdn.sstatic.net/stackoverflow/img/sprites.png">
<div>Stack Overflow</div>

如何完全忽略div对光标的干扰

我的意思是，当你将光标悬停在

div

和

img

交叉点上时，你只会看到

img

的行为，而当光标悬停在

div

和

outside

交叉点上时，你只会看到

outside

的行为

• 如果可以，请避免不可见层或在

  img

  后面发送

  div

• 如果解决方案涉及JavaScript或jQuery，请执行

---

该解决方案对于在地图上添加标签非常有用。

一种解决方案是将相关div上的CSS属性

指针事件设置为
none
。您可以找到指针事件规范——支持不是很好（主要是IE9+），但听起来正是您所需要的

img {position: absolute; clip: rect(0px, 238px, 61px, 0px); cursor: pointer;}
div {position: absolute; margin: 50px; border: 3px solid gray;}