Javascript 记录鼠标移动并将数据存储在数据库中

Javascript 记录鼠标移动并将数据存储在数据库中,javascript,mysql,events,Javascript,Mysql,Events,我是javascript和数据库操作的新手 是否有一种方法,每次用户进入页面时,鼠标移动开始被记录,一旦用户离开页面,所有数据(坐标x和y,以及时间)都存储在数据库中,以供以后分析 我知道很多网站都这样做,所以必须有一个简单的方法来做到这一点 举个例子就好了,我的数据库是MySql,我在wordpress中的站点。一个非常糟糕的方法是跟踪鼠标的位置,并不断地将位置放在MySql数据库中 (function() { window.onmousemove = handleMouseMove;

我是javascript和数据库操作的新手

是否有一种方法,每次用户进入页面时,鼠标移动开始被记录,一旦用户离开页面,所有数据(坐标x和y,以及时间)都存储在数据库中,以供以后分析

我知道很多网站都这样做,所以必须有一个简单的方法来做到这一点


举个例子就好了,我的数据库是MySql,我在wordpress中的站点。

一个非常糟糕的方法是跟踪鼠标的位置,并不断地将位置放在MySql数据库中

(function() {
    window.onmousemove = handleMouseMove;
    function handleMouseMove(event) {
        event = event || window.event; // IE-ism
        // event.clientX and event.clientY contain the mouse position
    }
})();
读一读:

这是:

一旦您阅读了它们,您将能够看到数据正在控制台中显示。现在我们需要将它从控制台发送到PHP,然后再发送到mysql

以下解释了如何:

最后,我建议大家阅读以下内容:

不要使用MySQL查询。使用MySQLi,因为MySQL已被弃用。

Javascript:

document.onmousemove = function(e){
  var pageCoords = "( " + e.pageX + ", " + e.pageY + " )";
  console.log(pageCoords);
};
var pageCoords = []; //array for storing coordinates
$(document).onmousemove = function(e){
  pageCoords.push("( " + e.pageX + ", " + e.pageY + " )");//get page coordinates and storing in array
}
$( window ).unload(function() {
  //make ajax call to save coordinates array to database
});

卸载javascript:

window.onunload=function(){
  //SomeJavaScriptCode
};
jQuery:

document.onmousemove = function(e){
  var pageCoords = "( " + e.pageX + ", " + e.pageY + " )";
  console.log(pageCoords);
};
var pageCoords = []; //array for storing coordinates
$(document).onmousemove = function(e){
  pageCoords.push("( " + e.pageX + ", " + e.pageY + " )");//get page coordinates and storing in array
}
$( window ).unload(function() {
  //make ajax call to save coordinates array to database
});

你是说鼠标离开实际的浏览器页面之后?你想在浏览器外跟踪鼠标吗?嗨,Lix,我是说用户离开了网站。因此,一旦你的网站关闭,你想跟踪用户在其他页面上的鼠标移动吗?当用户进入网站时,它开始跟踪鼠标移动,当用户离开网站时,所有鼠标移动都会被发送到数据库以供以后分析。抱歉说得不够清楚。我只是需要一种使用javascript的方法,你能帮我吗?不要只是从别人的答案中复制代码。如果此问题是重复的,并且可以由其他现有问题回答,则只需标记为重复。看起来您正试图从其他人的工作中获得代表。@Lix不是真的。我已经在上面一行解释了如何做,然后我复制了一个需要的函数,而不是所有额外的东西,然后给出了两个不同的区域来阅读。不从复制粘贴。投票的目的是显示这个职位有多有用。在它上面盘旋。“这个答案很有用”就是它。我们不应该不帮助用户,而应该在他们身上签名。良好教育的一部分。另外,当你进行多个评论时,停止后座修改。这不是问题的解决方案,只是问题本身转化为伪代码。
alert()
onmousemove
结合使用是你在这里能做的最糟糕的事情-如果我能做的话,我会再投一次反对票。你上次的编辑改进了你的示例,但使用jQuery并不一定是OP的意图,可能会引起混淆,也会阻止他/她学习真正的JavaScript。@chm-software.com请参见JavaScript并回答UpdateUpvoted。因为人们在这个问题上毫无意义地投了反对票。