博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
获取鼠标的当前位置
阅读量:6813 次
发布时间:2019-06-26

本文共 803 字,大约阅读时间需要 2 分钟。

1、JQ获取鼠标的当前位置

$('#div1').mousemove(function(e){        var xx=e.originalEvent.x || e.originalEvent.layerX || 0;        var yy=e.originalEvent.y || e.originalEvent.layerY || 0;        $(this).text(xx+','+yy);    })    //jquery中event.originalEvent指向事件原始对象

2.原生JS获取当前鼠标位置

关键是在onmousemove中实时获取PageX和PageY

IE不支持,改用clientX+scrollLeft-clientLeft

document.οnmοusemοve=function(ev){    ev=ev||window.event;    var mousePos=mouseCoords(ev);    document.getElementById("p").innerHTML=mousePos.x+","+mousePos.y; //显示到P标签中}function mouseCoords(ev){    if(ev.PageX &&ev.PageY){        return {x:ev.PageX,y:ev.PageY}    }    //做兼容    d=document.documentElement||document.body;
  reutrn { x:ev.clientX+d.scrollLeft-d.clientLeft, y:ev.clientY+d.scrollTop-d.clientTop } }

 

转载于:https://www.cnblogs.com/dll-ft/p/5848062.html

你可能感兴趣的文章
Nervos 与 AlphaWallet 正式建立深度合作关系
查看>>
JavaScript之关于this对象
查看>>
阿里云自助诊断系统技术解析
查看>>
hive的基本操作
查看>>
教你构建强大的Mac工作流
查看>>
以中间件,路由,跨进程事件的姿势使用WebSocket
查看>>
C#将Excel数据表导入SQL数据库的两种方法(转)
查看>>
红黑树上
查看>>
我如何用Django开发一个项目
查看>>
JavaScript面向对象中的错误与异常个人分享
查看>>
如何实现一个JSON.parse
查看>>
深入学习TypeScript
查看>>
calico网络模型中的路由原理
查看>>
AutoScaling 弹性伸缩附加与分离RDS实例
查看>>
冒泡事件
查看>>
Spring Cloud Config采用Git存储时两种常用的配置策略
查看>>
PLook——记录你的知识
查看>>
css布局基础总结
查看>>
如何成为一位「不那么差」的程序员
查看>>
深入理解计算机系统读书笔记
查看>>