javascript - 如何在 setInterval() 回调中获取光标位置

Question

我需要每隔 n 秒记录一次鼠标位置，但 jQuery 似乎只提供在发生鼠标事件时检索 x 和 y 位置值的方法。这可以用 setInterval() 来完成吗？

编辑 - 我正在考虑设置一个 setInterval() 以每 n 秒增加一个值(比如“i”)，然后在 mousemove 上记录当前 i 以及 x 和 y 值.不过确实应该有比这更简单的方法

Answer 1

您可以做的是将一个函数绑定(bind)到文档上的 mousemove 事件，并在该函数内设置一个具有鼠标位置的全局变量。然后每个间隔你都可以读取鼠标位置。

例子:

$(document).ready(function () {
    var mousePosition = {'x': 0, 'y': 0};
    $(document).bind('mousemove', function(e) {
        mousePosition = {'x': e.pageX, 'y': e.pageY};
    });

    setInterval(function () {
        // do something with mousePosition
    }, 1000);
});