jquery - 而 mousedown 和 mousemove 获取鼠标的坐标

Question

我有这个 jQuery，当用户单击滑块时会获取坐标，但是当他抬起鼠标时，函数仍然运行

$("slider").mousedown(function(){
    $(this).mousemove(function(e){
       console.log(e.clientX);
    });
};

但是当用户抬起鼠标时，代码仍然运行并且仍然记录坐标。

Answer 1

这样做：

$("slider").mousedown(function(){
    $(this).mousemove(function(e){
       console.log(e.clientX);
    });
};
$("slider").mouseup(function(){
    $(this).unbind("mousemove");
});

Answer 2

您的 mousedown 函数会永久更改 mousemove 函数。所以你想添加这样的东西：

$("slider").mouseup(function(){
    $(this).unbind("mousemove")
};