我创建一个 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');
}
}
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句