javascript - 关闭 mouseoff 和 mouseup 的功能

Question

我已经在 J​​query 的滚动条中实现了自己的滚动，因为当已经涉及 css 动画时，正常滚动效果不太好。 我想要发生的是，当您单击并拖动 Controller (这是一个包含股票代码的 div)时，股票代码就会移动。当您释放鼠标按钮时，它会停止。那里没问题。当我没有释放鼠标按钮，但我确实将鼠标从 Controller 上移开时，问题就出现了。当这种情况发生时，track_mouse_pos 不会停止。因此，当我将鼠标放回到正在滚动的 Controller 上时，是否单击了。

$("#controller").mousedown(function (event) {
    var start_x = event.clientX;
    var start_y = event.clientY;
    $("#controller").on('mousemove', {start_x: start_x}, track_mouse_pos);
});

$("#controller").mouseup(function () {
    $("#controller").off('mousemove', track_mouse_pos);
});

如何关闭 ('mousemove', track_mouse_pos);？只用 .mouseup 和 .mouseoff 行做同样的事情可以吗？

Answer 1

您需要在“track_mouse_pos”函数中检查是否按下了鼠标按钮。

function track_mouse_pos(e){
  if(e.which!=1) {$("#controller").trigger('mouseup');return}
...
}