jQuery滚动框在mouseup上取消间隔

很抱歉，我没有一个例子

然而，我正在创建一个滚动框（向左和向右滚动），我已经将mouseDown函数绑定到两个图像（它们用于滚动框）。函数是“scrollLeft（）”和“scrollRight（）”

这些功能按计划工作（左右移动长方体）。但是，我对mouseUp事件有一个问题。当我将鼠标放在图像上并按住鼠标时，滚动事件被取消，这意味着滚动停止

但是，如果我把鼠标从图像上移开，然后将鼠标放在滚动条上，滚动条就会继续发挥它的功能

$('#myImage').mouseout(function(){
  $('#myImage').triggerHandler('mouseup');
});

我正在使用jquery，并尝试了各种方法，包括

$("*").mouseup(function(){
    console.log("ouseup");
    clearInterval(interval);
});

这也不行。我想在触发鼠标点时终止“间隔”间隔

---

有什么建议吗？

听起来您最好使用

mouseout（）

事件。将其绑定到您的图像，以便在鼠标离开图像时触发

编辑： 好的，您希望确保每当鼠标离开这些图像时，都会触发mouseup事件。所以你想利用这个功能

$('#myImage').mouseout(function(){
  $('#myImage').triggerHandler('mouseup');
});

或者（如前所述），也可以选择将mouseup事件绑定到整个身体：

$('body').mouseup(function(){
  ClearInterval();
});

---

在松开鼠标按钮之前将鼠标移离图像时，mouseup事件未触发的原因是鼠标按钮正在为另一个元素触发“向上”事件。请记住，此时鼠标恰好位于哪个元素上，就会触发mouseup事件。因此，当然，如果您在一个位置按下鼠标按钮，然后将其从预期mouseup事件的区域移开，该区域将永远不会意识到您再次提起鼠标按钮。

您可以将处理程序附加到文档mouseup事件，即

$(document.body).mouseup(function() {
    console.log("ouseup");
    clearInterval(interval);
});

---

这样，如果您单击鼠标按钮离开该区域，它将继续滚动，直到您释放它。

我认为jquery mouseup文档中也存在这种情况。单击文本，按住鼠标，将鼠标移离文本，然后单击鼠标。mouseup函数没有被执行。我需要它，这样一旦mouseup事件被触发。所以它就像一个标准的滚动条。