拦截整个网站上的鼠标点击坐标

时间:2014-08-18 13:49:13

标签: javascript jquery html ajax heatmap

我试图编写一些javascript或jquery代码来拦截网站内的任何类型的点击,无论是在视频,链接,图像和所有其他页面元素上执行,基本上在网页的整个区域上的每种类型的点击(如果可能的话,也区分左右按钮),并通过ajax调用保存坐标数据,点击的类型和数据库中的页面地址。 你有没有人对它的代码有所了解?

感谢所有

2 个答案:

答案 0 :(得分:1)

您没有指定您尝试过的内容,使用jQuery就像将click事件绑定到正文或文档一样简单:

$(document).click(function(e){
    //do something here
});

$("body").click(function(e){
    //do something here
});
函数中的

e参数包含一些您可以使用的有用信息:EventObject

制作AJAX也很简单,你有很多方法,从$.post$.get$.ajax开始:jQuery Ajax

答案 1 :(得分:1)

基本大纲是:

$('*').on('click', function (e) {
    // make sure the event isn't bubbling
    if (e.target != this) {
        return;
    }
    // do something with the click somewhere
    // for example, make an AJAX request
    $.ajax({
        type: "POST",
        url: "ajaxurl.php",
        data: { x: e.pageX, y: e.pageY }
    })
    .done(function( msg ) {
        alert( "Data Saved: " + msg );
    });
}