如何进行 Javascript 事件驱动的鼠标记录？

Question

我看过一些 sn-ps 来获取鼠标位置并阅读了一些关于 jquery-one 的信息。有人可以制作或展示一个示例，在鼠标移动时检测鼠标的位置，并将坐标序列和点击坐标保存到一个数组（或分隔字符串变量可能更好），因为它运行，然后当用户离开页面（或单击页面上的链接）它会将事件日志发布到 php 文件？我可以写php部分。

谢谢

Answer 1

您可以使用window.onmousemove 检测鼠标移动。坐标在xList和yList中累加，当窗口卸载时调用unload()函数。从那里你可以对列表做任何你想做的事情，但请注意，它们会很快变得很长！

window.onmousemove = mouseMoved;
window.onunload = unload;

var xList = [];
var yList = [];

function mouseMoved(evt){
    evt = evt || window.event; //compatibility with IE and other browsers
    xList.push(evt.clientX);
    yList.push(evt.clientY);
}

function unload(){
    //do something with xList and yList
    alert("unloading");
}

参见JSFiddle 上的示例。它不显示卸载功能，但在div 中显示当前坐标。