javascript - 调用clearTimeout后setTimeout继续运行

Question

我正在为一个对象设置动画，使其在鼠标按下时向 1 个方向移动，当鼠标点击向上时，动画应该停止。

我正在使用 setTimeout，但在我释放 clic 后它会持续移动一段时间。

var stopmov
function tomove(){
    $('.plwid').animate({
        left: '+=1'
    },1);
    stopmov=setTimeout(function(){ tomove(); }, 1);
}

$('.plwid').mouseup(function(){
    clearTimeout(stopmov);
}).mousedown(function(){
    tomove();
});

http://jsfiddle.net/oa9bsqy1/

Answer 1

您最好在文档上添加 moueup 而不是元素。

$(document).mouseup(function(){
    clearTimeout(stopmov);
});
$('.plwid').mousedown(function(){
    tomove();
});

另一个问题是您使用的 1 毫秒会产生大量点击，您需要选择一个更合理的数字。