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


});

鼠标位置不适用于FireFox

1 个答案: