offsetX/offsetY：相对于当前元素的位移x/y：相对于当前座标系的位移，但是IE常常搞错当前座标系layerX/layerY：相对于当前座标系的位移pageX/pageY：相对于网页的位移clientX/clientY：相对于可视窗口的位移screenX/screenY：相对于屏幕的位移offsetX/offsetY：W3C- IE+ Firefox- Opera+ Safari+x/
转载
2013-10-21 16:34:00
80阅读
2评论
offsetX：鼠标指针距离当前绑定元素左侧距离，他并不是相对于带有定位的父盒子的x，y坐标， 记住了，很多博客都解释错了 offsetLeft,offsetTop 相对于最近的祖先定位元素。
原创
2022-07-22 14:48:06
70阅读
offsetX：鼠标指针距离当前绑定元素左侧距离，他并不是相对于带有定位的父
原创
2023-03-24 20:02:33
94阅读
var x5 = e.screenX; // 鼠标位置距屏幕左侧的距离var y5 = e.screenY;var x = e.pageX; // 鼠标距文档左侧的距离， 在被卷去时，与clientX不同。var y = e.pageY;var x4 = e.layerX;var y4 = e.lay
原创
2022-06-02 05:41:21
152阅读
//计算光标相对于第一个定位的父元素的坐标function coordinate(e){ var o = window.event || e, coord, coord_X, coord_Y; coord_X = (o.offsetX === undefined) ...
转载
2014-07-21 16:25:00
92阅读
一、技术路线1. 硬件设备构成（1）双目相机：追求性价比可以使用国产的相机，分辨率100w-500w均可；（2）DLP投影仪：推荐DLP2010、DLP3010、DLP4500，售价3000-10000；超高精密推荐DLP4710和DLP6500，售价15000-40000不等。如图1所示，双目结构光三维测量的硬件通常由单个DLP投影仪和一对双目相机组成，DLP用于投影光栅条纹到测量物体表面，然后
PageX和clientX ,这个两个比较容易搞混,
PageX:鼠标在页面上的位置,
转载
2022-06-03 00:54:26
317阅读
一、概念总结1、event.clientX、event.clientY鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性.clientX指可视区域内离左侧的距离，以滚动条滚动到的位置为参考点。各个浏览器相同。即当有滚动条时clientX 小于 pageX。2、event.pageX、event.pageY类似于event.cli
原创
2022-11-07 18:13:31
1511阅读
JS offsetX 与 火狐 兼容问题火狐 好像不支持 offsetX 下面这段代码中的offsetX 该怎么改，在火狐 下，才能好用呢？function upNext(bigimg){var lefturl = 'javascript:dPlayPre();';var righturl = 'j...
转载
2021-08-05 21:20:01
807阅读
转载
2012-11-15 10:17:00
56阅读
2评论
pageX,clientX,offsetX,layerX的那些事在各个浏览器的JS中,有很多个让你十分囧的属性,由于各大厂商对标准的解释和执行不一样,导致十分混乱,也让我们这些前端攻城狮十分无语和纠结>_<John Resig大神说过,动态元素有3个至关重要的元素,位置,尺寸和可见性.所以,今天,...
转载
2011-10-17 15:34:00
156阅读
2评论
QQ群招募中：646258285（招募中，没几个人说话）， 需要交流的朋友可以直接加我微信( DntBeliv )或QQ( 1121864253 )一、clientX、clientY点击位置距离当前body可视区域的x，y坐标二、pageX、pageY对于整个页面来说，包括了被卷去的body部分的长度三、screenX、screenY点击位置距离当前电脑屏幕的x，y坐标四、offsetX、offsetY相对于带有定位的父盒子的x，y坐标五、x、y和screenX、screenY
转载
2021-06-08 16:46:23
2683阅读
作用IEFFpageX/Y鼠标相对于整个页面的X/Y坐标。注意，整个页面的意思就是你整个网页的全部,不是屏幕XVoffsetX/Y设置或获取鼠标指针位置相对于触发事件的对象的坐标VXscreenX/Y鼠标在屏幕上的坐标。screenX,screenY的最大值不会超过你的屏幕分辨率。VVclientX/Y事件发生时鼠标在浏览器内容区域的X/Y坐标（不包含滚动条）VVX/Y鼠标指针位置相对于父文档的
原创
2013-06-26 17:28:13
414阅读
clientX, clientY是鼠标当前相对于网页的位置，当鼠标位于页面左上角时clientX=0, clientY=0；offsetX, offsetY是鼠标当前相对于网页中的某一区域的位置，当鼠标位于页面中这一区域的左上角时offsetX=0, offsetY=0；screenX, scree...
转载
2014-11-18 13:58:00
89阅读
2评论
自己一直很想做个拖拽生成静态页面的东西，说简单也简单，这个东西按道理用jsx语法是最好的，用render方法渲染生成的json。只是自己对这块还是没信心。今天写个vue的拖拽指令，顺便理一下offsetX、pageX、clientX、screenX这几个属性，一直记不住。先大概记一下这几个的翻译（应该是正确的）：
offset：偏移；client：客户；page：页面；screen：屏幕；offs
转载
2021-01-20 10:05:10
679阅读
2评论
1、screenX 和screenY 参照点：电脑屏幕左上角 screenX：鼠标点击位置相对于电脑
原创
2022-11-21 16:08:08
687阅读
转自：http://www.cnblogs.com/long_/archive/2010/09/09/1822574.html event对象是JavaScript中最重要的对象之一，他代表了各种事件的状态，在各种事件
转载
2012-04-18 17:04:00
77阅读
2评论
鼠标相关事件 e.target 触发事件的标签对象 鼠标位置坐标数据
原创
2022-12-21 10:22:31
151阅读
鼠标事件鼠标事件有下面这几种：1. onclick鼠标点击事件box.onclick = function(e){ console.log(e)}2. onmousedown鼠标按下事件box.onmousedown = function(e){ console.log(e)}3. onmouseup鼠标松开事件box.onmous...
原创
2023-03-09 20:13:12
232阅读
通过 3 张图和 1 张表格，轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。 一、测试代码如下： 二、不同浏览器对这些属性的支持： 三、图解 event.offsetX，event.clientX，e
转载
2017-03-21 11:50:00
356阅读
2评论
