我正在尝试制作一个简单的弹出窗口<div>
,旨在在用户拖动鼠标指针时显示鼠标坐标。此弹出窗口出现在鼠标指针右侧的底部。底层有 div
它自己非常重要的鼠标事件处理程序(例如.mousemove()
)。弹出窗口div
离鼠标指针很远(向下约 16 个像素,向右约 16 个像素)。假设用户正在调整某个对象的大小,并且该弹出窗口正在显示该对象的新大小。如果用户正在缓慢调整对象的大小,这是可以的。但是一旦用户突然调整对象的大小并指向弹出窗口div
,底层div
失去焦点,并且负责调整大小的事件处理程序被“破坏”(就像鼠标指针“忘记”底层div
),因为它根本不是为了与覆盖div
-s 合作而设计的。
是否有任何能力抑制任何弹出div
鼠标事件,允许底层div
事件严格连续进行?
我尝试过这样的事情:
var BLACK_HOLE = function(e) {
e.preventDefault();
e.stopPropagation();
return false;
};
$popUp
.click(BLACK_HOLE)
.dblclick(BLACK_HOLE)
.focusin(BLACK_HOLE)
.focusout(BLACK_HOLE)
.hover(BLACK_HOLE)
.mousedown(BLACK_HOLE)
.mouseenter(BLACK_HOLE)
.mouseleave(BLACK_HOLE)
.mousemove(BLACK_HOLE)
.mouseout(BLACK_HOLE)
.mouseover(BLACK_HOLE)
.mouseup(BLACK_HOLE);
它不像我需要的那样工作。有没有人遇到同样的问题?是否可以绕过它?也许,有一个完整的jQuery插件......困惑......
先感谢您。