Firefox中的ClientX和ClientY引用错误？答案

【问题标题】：ClientX and ClientY Reference Error in firefox?Firefox中的ClientX和ClientY引用错误？
【发布时间】：2014-02-25 06:26:46
【问题描述】：

我有一个简单的 jquery 程序，其中应该根据坐标显示 div 鼠标悬停在评论上。不幸的是，我使用了 event.clientX 和 event.clientY 函数，这些函数在 firefox 浏览器中不起作用（firefox 中的错误是“ReferenceError：未定义事件”）。在 Chrome 和 IE 中运行良好。请帮忙。谢谢。

<div class="comment"></div>
<div class="commentBox">
 <p>welcome</p>
 </div>

$('.comment').hover(function(e){

     var x=event.clientX
 var y=event.clientY
  x=x-263;

$('.commentBox').css({"left":x+"px","top":y+"px"});


    $('.commentBox').css('visibility','visible');

    },function(e){


        $('.commentBox').css('visibility','visible');
  });

【问题讨论】：

您在函数中使用了 e 进行悬停，并在函数内使用了事件，这是导致问题的原因

标签： javascript jquery html css firefox

【解决方案1】：

$('.comment').hover(function(e){

     var x=e.clientX;//replaced event with e
     var y=e.clientY;////replaced event with e

您有参数e 而不是event。所以你会得到ReferenceError: event is not defined。

【讨论】：