javascript - 在 Javascript 或 JQuery 上，运行添加/删除 mousemove 事件时

Question

当我第一次点击屏幕时，我需要位置。我这样做了。但我需要更多。mousemove 事件也会在 mousedown 事件运行时运行。当 mouseup 事件运行时，mousemove 事件将不起作用

    $("#canvas").mousedown(function (e) {
        console.log("First: down position: " + e.pageX + "---" + e.pageY);
        canvasMove("canvas");
    });

    $("#canvas").mouseup(function (e) {
        console.log("Last: up position: " + e.pageX + "---" + e.pageY);
    });
    function canvasMove(id) {
        $(id).mousemove(function (e) {
            console.log("move position: " + e.pageX + "---" + e.pageY);
        });
    }

那么如何去掉mouseup事件中的mousemove事件呢？

Answer 1

$("#canvas").off('mousemove')

如果您有其他东西监听鼠标，您可以将处理程序附加到命名空间事件，例如

$("#canvas").on('mousemove.loggingPosition')

然后将其删除

$("#canvas").off('mousemove.loggingPosition')