阻止新创建的子div干扰原始鼠标悬停/悬停

Question

我已将弹出文本附加到div中。它的文本有时比父div大，只有在你还留下所有添加的文本时才会触发mouseleave（不仅仅是矩形 - 这就是我喜欢它的工作方式）

http://jsfiddle.net/h4vvk/1/

在该链接中，当您将鼠标悬停在矩形上方时，会出现红色文字。通常你可以通过退出当前div来停止悬停，但在这种情况下，有时弹出文本比矩形大，并且悬停不会结束，除非你离开文本和div矩形。

Answer 1

你可以使用css pointer-events属性：

.hover-text {
   pointer-events: none;
} 

http://jsfiddle.net/h4vvk/4/