获取IE与FF中鼠标坐标

据资料显示，IE中获取鼠标坐标的事件属性有以下几个：

clientX设置或获取鼠标指针位置相对于窗口客户区域的x 坐标，其中客户区域不包括窗口自身的控件和滚动条。
clientY设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。
offsetX设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。
offsetY设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。
screenX设置或获取获取鼠标指针位置相对于用户屏幕的x 坐标。
screenY设置或获取鼠标指针位置相对于用户屏幕的 y 坐标。
x设置或获取鼠标指针位置相对于父文档的 x像素坐标。
y 设置或获取鼠标指针位置相对于父文档的y 像素坐标。

( 经过测试，发现x跟clientX, y跟clientY一致 )

据资料显示，FF中获取鼠标坐标的事件属性有以下几个：

clientX设置或获取鼠标指针位置相对于窗口客户区域的x 坐标，其中客户区域不包括窗口自身的控件和滚动条。
clientY设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。
screenX设置或获取获取鼠标指针位置相对于用户屏幕的x 坐标。
screenY设置或获取鼠标指针位置相对于用户屏幕的 y 坐标。
pageX / layerX

设置或获取鼠标指针位置相对于父文档的 x像素坐标。
pageY / layerY 设置或获取鼠标指针位置相对于父文档的 y 像素坐标。

（经过测试，发现page跟layer就像相对定位与<body>一样，等于client+滑动距离）

自己写了个小js测试下，点击红色区域的时候，获取对应坐标填写到对应的input中，下面是截图：

这个是IE8的截图，红色的点数鼠标点击的大概位置，黑色的线条表示client的坐标距离，绿色的表示offset，橙色表示screen.

这个是FF的截图，红色的点数鼠标点击的大概位置，黑色的线条表示client的坐标距离，粉色的表示page/layer，橙色表示screen.

这样看感觉page/layer跟client一样，所以我做多一张图：

当滑动条滑动时，元素上升，点击时候，client会根据窗口来定，但是page/layer却依然相对于<body>就像图里面画的一样，它的坐标等于client+滑动距离。

获取IE与FF中鼠标坐标相关推荐

python获取小图在大图中的坐标和相似度
python获取小图在大图中的坐标和相似度模块安装:pip install aircv 大小两个图片:big.jpg,small.jpg 模块安装:pip install aircv 大小两个图片: ...
如何取得事件中鼠标坐标
因为现在常用主流浏览器对W3C准的不完全遵守,导致了书写js脚本经常要专注兼容问题,这也是现在js框架流行的一个原因.而鼠标位置相对于document对象的获取更是其中的代表,那真是诸侯割剧,群雄逐鹿 ...
html5 js获取鼠标坐标,js怎么获取鼠标在div中的相对位置
大家在做网页的时候都可能会用到鼠标在div中的相对位置,那么怎么获取鼠标在div中的相对位置呢?下面由学习啦小编教大家怎么获取鼠标在div中的相对位置吧. 如何获取鼠标在div中的相对位置代码如下: ...
获取鼠标在盒子中的坐标
1.在盒子内点击,想要得到鼠标距离盒子左右的距离想到鼠标事件,但是并不是对于盒子而言的 2.首先得到鼠标在页面中的坐标(pageX.pageY) 3.其次得到盒子在页面中的距离 4.距离一减,就能 ...
JavaScript--获取页面盒子中鼠标相对于盒子上、左边框的坐标
分析: 外层边框是浏览器边框,内部盒子是页面的一个盒子,绿点是盒子中鼠标的位置.鼠标相对盒子边框的坐标=页面中(注意不是浏览器)鼠标坐标-盒子相对于浏览器边框的偏移量第一步:求浏览器边框位置 x=e ...
js 获取鼠标在画布的位置_JS获取鼠标位置（鼠标坐标）
在 JavaScript 中,当事件发生时,获取鼠标的位置是件很重要的事件.由于浏览器的不兼容性,不同浏览器分别在各自事件对象中定义了不同的属性,说明如下表所示.这些属性都是以像素值定义了鼠标指针的坐 ...
JavaScript之offset实现鼠标坐标获取和窗口内模块拖动-案例演示
offset offset 即偏移量,使用 offset 系列相关属性可以动态的获取该元素的位置(偏移).大小等,如: 元素距离带有定位父元素的位置获取元素自身的大小(宽度高度) 注:返回的数值 ...
EXCEL实时获取鼠标坐标（稳定）
先看效果: 先添加类模块,命名为 MousePosition MousePosition类模块代码: Option ExplicitPrivate Declare PtrSafe Function ...
Windows下C/C++模拟鼠标点击，PC端没有鼠标设备也能够获取鼠标坐标、移动鼠标坐标、模拟鼠标点击事件，方法一亲测有效
------- [ 转载请保留 ] ------- 作者:西_瓜_瓜博客:https://blog.csdn.net/xi_gua_gua/article/details/105773298 --- ...

获取IE与FF中鼠标坐标

获取IE与FF中鼠标坐标相关推荐

最新文章

热门文章