防止在拉斐尔中触发div的悬停答案

【问题标题】：Prevent hover triggering for div in raphael防止在拉斐尔中触发div的悬停
【发布时间】：2015-02-17 10:09:12
【问题描述】：

我需要在 raphael svg 元素上绘制自定义 dom 工具提示。悬停工具提示时如何防止事件触发元素的鼠标离开？

检查这个例子：

$(c.node).mouseenter(function(){
    tipText = 'text';
    tip.show();
    over = true;
}).mouseleave(function(){
    tip.hide();
    over = false;
});

http://jsfiddle.net/QK7hw/707/

【问题讨论】：

在小提琴中尝试将鼠标移动到右下角。
好的，所以如果我把它移到那里会发生什么？
因为小提琴什么都没有发生
工具提示不能闪烁（显示/隐藏）。
将鼠标移到圆圈上。并移动到右下角。

标签： javascript raphael jquery-events

【解决方案1】：

尝试添加样式

pointer-events: none;

对于工具提示，这应该会停止奇怪的悬停闪烁。

jsfiddle

【讨论】：