javascript - 鼠标停止事件

Question

对于某些功能，我正在处理 mousemove 事件。 mousemove 事件监听器在不需要的单个线性鼠标手势中被调用多次。我需要实现一个自定义事件，该事件将在鼠标停止运动时调用。我猜测它可以在 mousemove 之上实现，并带有一些延迟功能。

请在这方面帮助我。

Answer 1

你已经完成了大部分:

function waitForMouseStop(callback) {
    var timer;

    function stoppedMoving(evt) {
        document.onmousemove = null;
        callback();
    }

    function moveHandler(evt) {
        evt = evt || window.event;
        if (timer) {
            window.clearTimeout(timer);
        }
        timer = window.setTimeout(function() {
            stoppedMoving(evt);
        }, 500);
    }

    document.onmousemove = moveHandler;
}

waitForMouseStop(function() {
    alert("Stopped");
});