如何防止 jquery resizeable div 接收调整大小的点击事件

Question

我创建一个 div 然后：

$("#div").resizable({
    disabled:true
});

然后我启用调整大小行为，同时我想处理对 div:

的点击

$("#div").on("click", myHandler);
$("#div").resizable( "option", "disabled", false);

function myHandler() {
    console.log("div clicked");
}

如果现在我拖动 div 的右下角，我可以调整它的大小，但是如果鼠标指针在 div 内，当我释放拖动时（缩小它时会发生这种情况） ) myHandler() 也叫。由于 myHandler() 应该处理不同的行为 - 而不是调整大小 - 我该如何解决这个问题？

到目前为止我尝试过但没有成功的方法：

$("#div").resizable({
    disabled:true,
    stop: function(event) { event.stopPropagation(); }
});

Answer 1

仅当鼠标位置与开始位置相同时才执行点击处理程序如何？

var left = 0;
var top = 0; 

("#div").on({
        mousedown: function(e) {
            left  = e.pageX;
            top   = e.pageY;
        },
        mouseup: function(e) {
            if (left === e.pageX && top === e.pageY) {
                console.log('click');
            }
        }
});

如何防止 jquery resizeable div 接收调整大小的点击事件

How can I prevent a jquery resizeable div to receive the resize click event

javascript

jquery

resize

click