Jquery 获取鼠标位置坐标

<p>Jquery 获取鼠标位置坐标</p><pre class="brush:js;toolbar:false">vardivoffset=10;//显示层离鼠标的距离 $(document).ready(function(){ vartooltip=$(&quot;#tooltip&quot;);//获取显示层 vartoolContent=$(&quot;#toolContent&quot;);//获取显示内容层 $(&#39;#thumbs&gt;li&#39;).bind(&#39;mouseover&#39;,function(e){//查找a对象,并给对象创建onmouseover事件--这里可以替换成其他的如:div($(&#39;div&#39;).bind()),ul下的li$(&#39;ul&gt;li&#39;).bind() Mouse(e);//计算显示层的位置 toolContent.html(&quot;&lt;li&gt;显示内容&lt;/li&gt;&quot;);//显示内容--PS:自己改成动态获取 tooltip.css({top:toppos,left:leftpos});//给显示层定义CSS--当前计算出的位置 tooltip.stopAll().pause(300).fadeTo(200,1);//显示效果 }).bind(&#39;mousemove&#39;,function(e){//给对象创建mousemove事件 Mouse(e);//计算显示层的位置 tooltip.css({top:toppos,left:leftpos});//给显示层定义CSS--当前计算出的位置--随时改变位置 }).bind(&#39;mouseout&#39;,function(){//给对象创建mouseout事件 tooltip.stopAll().fadeTo(500,0,function(){$(this).hide();});//隐藏效果 }); }); //计算坐标函数 varMouse=function(e){ mouse=newMouseEvent(e); leftpos=mouse.x+divoffset; toppos=mouse.y+divoffset; } //获取鼠标坐标函数 varMouseEvent=function(e){ this.x=e.pageX this.y=e.pageY }</pre>

分类

  1. JQUERY

按月统计

  1. 2021-12 (49)
  2. 2022-02 (1)
  3. 2022-03 (1)
  4. 2023-05 (4)
  5. 2023-06 (3)
  6. 2023-07 (6)
RangeTime:0.024312s
RangeMem:207.16 KB
返回顶部 留言