jquery - 单击拖动栏时，JScrollPane 上的 .mousedown() 事件未触发

Question

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

我尝试使用 .onmousedown() 事件来获取用户将鼠标放在拖动条上时的位置，并比较 .onmouseup() 事件上的位置。

对于鼠标按下:

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

现在鼠标松开:

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

然后我比较它们。但是，当我单击拖动栏时，只有 .mouseup() 函数起作用。仅当我单击拖动条之外的任何其他位置时，鼠标按下才起作用。

有人知道原因以及如何解决这个问题吗？非常感谢!

Answer 1

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

尝试:

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