鼠标单击事件 - Firefox 上的鼠标坐标

Question

我想找出页面上鼠标单击事件的坐标。写了一小段 JS，它在 Chrome 上运行良好，但在 Firefox 上运行不佳。似乎默认的全局“事件”在 Firefox 中不可用。这是在 Chrome 上运行的代码的较小版本：

 $("body").click(function() {
    if (event == undefined)  // for Chrome, 'event' is not undefined here
        var event = window.event;           
    var xx;
    var yy;
    if (event) {
    // Need this for Chrome (and IE)
        xx = event.x;
        yy = event.y;
    } else {  
      // firefox 
      // WHAT SHOULD I DO HERE?
    }
    console.log('Click called on body.' + xx + ':' + yy);
}

我应该如何管理 Firefox 案例？

Answer 1

jQuery（看起来您正在使用它）会为您解决事件参数与全局 event 属性问题，因此您无需担心这一点。它还规范 pageX 和 pageY 属性。

$("body").click(function(evt) {
    var xx = evt.pageX;
    var yy = evt.pageY;

    console.log('Click called on body.' + xx + ':' + yy);
});

Answer 2

JQuery 将事件作为第一个参数传递给您的点击处理程序。

Answer 3

您忘记将事件作为参数传递。使用以下格式，并执行 console.log(e) 来获取与其关联的所有数据。但我不确定它有 x 和 y 坐标，您可能必须获取它单击的元素的坐标。

$("body").click(function(e) {
}

编辑：似乎提供了 pageX 和 pageY 以及其他一些......

Answer 4

您需要在单击函数调用中传递事件变量，例如

.click(function(e){
    console.log(e);
});