如何使拖动检测更加稳健

Question

我将全局“单击”状态存储在变量中，以便检测拖动，或者检测将鼠标悬停在元素上时是否按住鼠标。

问题是，即使释放鼠标按钮，各种情况也可能导致“已单击”状态保持“true”状态，例如弹出警报。

有解决办法吗？

编辑：

我开始认为“各种事情”可能仅限于警报，并且浏览器由于按下键盘快捷键等原因而失去焦点。我想这可以忍受。

Answer 1

你是对的！点击状态不可信...
这让我沮丧了好几个小时。

但也许 JQuery Draggable 仍然是您的解决方案。

您需要做的就是使用透明助手：

$("#draggable3").draggable({
        cursor: "move",
        helper: function( event ) {
            return $( "<div>" );
        },
                     start: function(event, ui){},
                     drag: function(event, ui){},
                     stop: function(event, ui){}
    });

更多信息请参见： http://jqueryui.com/ demos/draggable/#event-start（自定义帮助器示例）
作为辅助，您可以将 droppable 与悬停类一起使用：

http://jqueryui.com/demos /droppable/#视觉反馈