Javascript 如何防止jquery可调整大小的div接收调整大小单击事件
我创建一个div,然后:Javascript 如何防止jquery可调整大小的div接收调整大小单击事件,javascript,jquery,resize,click,Javascript,Jquery,Resize,Click,我创建一个div,然后: $("#div").resizable({ disabled:true }); 然后我启用调整大小行为,同时我想处理对div的单击: $("#div").on("click", myHandler); $("#div").resizable( "option", "disabled", false); function myHandler() { console.log("div clicked"); } 如果现在我拖动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(); }
});
当鼠标位置与启动位置相同时,只执行单击处理程序如何
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');
}
}
});