鼠标位置不适用于 FireFox

Question

我陷入了一个问题。我必须在 Firefox 浏览器上获取鼠标位置。但是它不起作用可能是我在代码中犯了任何错误。到目前为止我所做的如下。

Javascript 代码：

function MousePos(event){
        if ($.browser.mozilla == true){ 
             if(typeof event.offsetX === "undefined" || typeof event.offsetY === "undefined"{
                 var targetOffset = $(event.target).offset();
                 event.offsetX = event.pageX - targetOffset.left;
                 event.offsetY = event.pageY - targetOffset.top;
                 alert(event.offsetX + "   " + event.offsetY);
             }
        }
    }

HTML 代码：

<div class="paymentTracker" onmouseover="MousePos();">

</div>

如果我只显示警告框但此代码有问题，则该功能正常工作。我只想要 Firefox 浏览器上的鼠标位置。 提前致谢。

Answer 1

试试这个：我认为它不起作用，因为它没有采用您在 html 中定义的 onmouseover 功能。

$( ".paymentTracker" ).mouseover(function(event) {

             var x = event.clientX;
var y = event.clientY;
var coords = "X coords: " + x + ", Y coords: " + y;
             alert(coords);

});


<div class="paymentTracker"></div>

 <style>
.paymentTracker {width:300px; height:300px;border:1px solid;}
 </style>

这是小提琴：https://jsfiddle.net/0yptrjdw/

用你的代码

$( ".paymentTracker" ).mouseover(function(event) {
var targetOffset = $(event.target).offset();
             event.offsetX = event.pageX - targetOffset.left;
             event.offsetY = event.pageY - targetOffset.top;
             alert(event.offsetX + "   " + event.offsetY);


});