加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > MySql教程 > 正文

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

发布时间:2020-12-11 23:37:18 所属栏目:MySql教程 来源:网络整理
导读:我是javascript和数据库操作的新手. 有没有一种方法,每次用户进入页面时,鼠标移动开始记录,一旦用户离开页面,所有数据(Coords x和y,以及时间)都存储在数据库中供以后分析? 我知道很多网站都这样做,所以必须有一个简单的方法来做到这一点. 一个例子很好,我的

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

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

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

一个例子很好,我的数据库是MySql,我的网站是wordpress. 最佳答案 unload()

使用Javascript:

document.onmousemove = function(e){
  var pageCoords = "( " + e.pageX + "," + e.pageY + " )";
  console.log(pageCoords);
};

DEMO

卸载javascript:

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

jQuery的:

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
});

UPDATED DEMO

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读