Question

我正在编写一个代码，当用户手动拖动它时，将拖动捕捉到正确的位置。

我正在尝试使用.onmousedown（）事件来获取拖动位置，当用户按下它并比较.onmouseup（）事件的位置时。

对于mousedown：

var dragBarPosBefore = 0;
$(document).mousedown(function () {   
  dragBarPosBefore = ($(".jspPane").position().left) * -1;;  
  console.log(dragBarPosBefore);
});

现在是mouseup：

var dragBarPos = 0;
$(document).mouseup(function () {
     dragBarPos = ($(".jspPane").position().left) * -1; 
     console.log(dragBarPos);
});

然后我比较它们。但是，当我单击拖动条时，只有.mouseup（）函数正在工作。只要我点击任何一个人就可以看到，只有工作人员才会工作。

任何人都知道原因以及如何解决这个问题？非常感谢你！

Answer 1

当您执行$（document）.mousedown时，您将绑定整个文档上的事件。这就是当您点击其他地方时触发事件的原因。这是你的意图吗？

尝试：

$('#dragBar').mousedown(function ...)

单击拖动条时，.mousedown（）事件在JScrollPane上没有触发

1 个答案: