87,993
社区成员
发帖
与我相关
我的任务
分享jQuery如何获得鼠标所在的xy坐标，点击，无操作，基于某个容器参考坐标？
大概就是几个问题,原生js也不知道吧，不过估计比较绕，于是就问下使用jQuery如何获取，然后说到获取坐标就突然又产生了疑惑，比如获得的坐标是基于哪个作为参考的，窗口？body?还是什么。以下是问题：
CSS中的position位置可以设置为fixed表示参考的坐标体系是窗口，那么在页面中参考体系呢？衍生出以下问题
1.在一个网页鼠标指到任意位置不进行任何操作获得的的xy坐标，这里虽然没做任何事情，应该就是悬浮状态hover，这个坐标怎么获取？
2.单击任何位置获得xy坐标，应该和上面一样，只是一个单击一个悬浮。
3.如何指到一个容器里面获得基于此容器的坐标xy，这里语言不是很好描述，我画图举例说明下：
CSS中的position位置可以设置为fixed表示参考的坐标体系是窗口，那么在页面中参考体系呢？衍生出以下问题
1.在一个网页鼠标指到任意位置不进行任何操作获得的的xy坐标，这里虽然没做任何事情，应该就是悬浮状态hover，这个坐标怎么获取？
2.单击任何位置获得xy坐标，应该和上面一样，只是一个单击一个悬浮。
3.如何指到一个容器里面获得基于此容器的坐标xy，这里语言不是很好描述，我画图举例说明下：
...全文
请发表友善的回复…
发表回复
天际的海浪 2017-06-15
- 打赏
- 举报
<script type="text/javascript">
鼠标坐标只能在mousedown mousemove click 等事件中获取。无法在不进行任何操作情况下获得
ie浏览器可获取鼠标指针位置相对于触发事件的对象的坐标
event.offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。
event.offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。
jquery中要计算获取
var dof = $("#id").offset();
event.pageX - dof.left
event.pageY - dof.top
