0

我正在尝试制作一个简单的弹出窗口<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插件......困惑......

先感谢您。

4

1 回答 1

0

适当的事件冒泡/捕获是解决方案和拯救。该错误已在我的应用程序中修复。

于 2010-12-08T21:27:11.813 回答