javascript - 鼠标点击事件 - 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);
});