javascript - 取消鼠标松开功能？

Question

我想知道如何在鼠标松开事件时取消/停止功能？

我基本上有一个 onmousedown 后跟一个 mousemove 这让我找到了一种方法来计算鼠标的偏移量，但是如果我 mouseup - 它仍然会继续跟随鼠标!

我使用:

function mousePos(e){  //gets the mouse position on click "start position"
    mousex = e.pageX;
    mousey = e.pageY;
canvas.addEventListener("mousemove", movePos, false);
}

function movePos(e){ // works out how far the mouse has moved from start position
    offset_x = mousex - e.pageX;
    offset_y = mousey - e.pageY;
}

//this is in my init function for body onload
canvas.addEventListener("mousedown", mousePos, false);

我遇到的问题是，一旦不再按下按钮，我需要它停止运行。

Answer 1

为 mouseup 添加一个事件监听器，并在那里删除为 mousemove 的事件监听器。

鼠标悬停

 canvas.addEventListener('mouseup',onMouseUp,false);

然后在 onMouseUp 中删除:

function onMouseUp(e) {
    canvas.removeEventListener('mousemove',movePos,false)
}