jQ获取目标div中鼠标的位置信息的俩种方法
2017-07-26 18:23
495 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> div{ background-color: red; } </style> <title>Title</title> <script src="../../js/jquery-3.1.1.min.js"></script> </head> <body> <div id="d"> ???? </div> </body> <script> $('#d').mousemove(function (e) { var xx=e.originalEvent.x||e.originalEvent.lagerX||0; var yy=e.originalEvent.y||e.originalEvent.lagerY||0; $(this).text(xx+'---'+yy); }) </script> </html>
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><style>div{background-color: red;width: 600px;height: 600px;}</style><title>Title</title><script src="../../js/jquery-3.1.1.min.js"></script></head><body><div id="d">????</div></body><script>$(document).bind('mousemove',function(e){$("#d").text("X: " + e.pageX + ", Y: " + e.pageY);});</script></html>
相关文章推荐
- JS 获取DIV中鼠标相对位置的方法
- Jquery获取鼠标位置和判断鼠标是否在DIV中
- jQuery实现获取table中鼠标click点击位置行号与列号的方法
- Android View的坐标系及其相应获取位置信息的方法
- 获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍
- C# 图像处理:获取鼠标位置信息(全局)
- 基于JavaScript实现 获取鼠标点击位置坐标的方法
- 基于JavaScript获取鼠标位置的各种方法
- WPF备忘录(2)WPF获取和设置鼠标位置与progressbar的使用方法
- jquery实现div遮罩效果,并获取鼠标位置。
- 基于JavaScript实现 获取鼠标点击位置坐标的方法
- js 获取位置信息方法 navigator.geolocation.getCurrentPosition 失败原因分析
- js获取DIV的位置坐标的三种方法!
- 基于JavaScript实现 获取鼠标点击位置坐标的方法
- 基于JavaScript获取鼠标位置的各种方法
- javascript 获取鼠标当前位置的通用方法
- ArcEngine开发——从TocControl上获取鼠标点击位置的信息
- js获取鼠标坐标,设置div的高度、位置、内容等,及注意要点
- JQ获取当前鼠标点击位置,自己宽高,浏览器宽高
- js判断鼠标位置是否在某个div中的方法