Jquery mousedown + mousemove

Question

如何在 JQuery 中创建鼠标按下并移动时触发的事件？并且每次 mousedown + mousemove 只触发一次？

Answer 1

更新:

因此，看起来如果您的鼠标不再位于绑定(bind) onmouseup 的元素上，它将不会看到鼠标弹起事件。当您停下来思考时，这是有道理的，但是当 mousedown 事件发生在元素上时，作为 UI 用户，我们希望它知道它何时被释放(即使它不是在元素上)。

因此，为了解决这个问题，我们实际上在文档级别检测 mouseup。

var clicking = false;

$('.selector').mousedown(function(){
    clicking = true;
    $('.clickstatus').text('mousedown');
});

$(document).mouseup(function(){
    clicking = false;
    $('.clickstatus').text('mouseup');
    $('.movestatus').text('click released, no more move event');
})

$('.selector').mousemove(function(){
    if(clicking == false) return;

    // Mouse click + moving logic here
    $('.movestatus').text('mouse moving');
});

我在 jsbin 上尝试了一下，似乎有效。在这里查看:http://jsbin.com/icuso 。要编辑它(请参阅 JS 和 HTML)，只需在 URL 末尾标记“edit”即可。 http://jsbin.com/icuso/edit .