javascript - 如何检测光标是否静止不动？

Question

我知道 jQuery 可以处理 javascript 事件 onmousemove。但是有什么方法可以使用 jquery 或 javascript 来检测鼠标是否静止不动？换句话说，检测用户是否已将鼠标移动到给定位置然后停止移动。

Answer 1

你可以试试下面的代码:

var timer;
var timeout = function () {
    alert('No movement!');
}
timer = setTimeout(timeout, 5000);
window.onmousemove = function() {
    clearTimeout(timer);
    timer = setTimeout(timeout, 5000);
};

只需将超时功能替换为您需要的任何内容并设置所需的时间间隔即可。如果您需要检查鼠标是否已停在某个特定元素上，则将窗口更改为其他选择器。