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评论
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阅读
一、概念总结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阅读
PageX和clientX ,这个两个比较容易搞混,
PageX:鼠标在页面上的位置,
转载
2022-06-03 00:54:26
317阅读
作用IEFFpageX/Y鼠标相对于整个页面的X/Y坐标。注意，整个页面的意思就是你整个网页的全部,不是屏幕XVoffsetX/Y设置或获取鼠标指针位置相对于触发事件的对象的坐标VXscreenX/Y鼠标在屏幕上的坐标。screenX,screenY的最大值不会超过你的屏幕分辨率。VVclientX/Y事件发生时鼠标在浏览器内容区域的X/Y坐标（不包含滚动条）VVX/Y鼠标指针位置相对于父文档的
原创
2013-06-26 17:28:13
414阅读
转载
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
2687阅读
自己一直很想做个拖拽生成静态页面的东西，说简单也简单，这个东西按道理用jsx语法是最好的，用render方法渲染生成的json。只是自己对这块还是没信心。今天写个vue的拖拽指令，顺便理一下offsetX、pageX、clientX、screenX这几个属性，一直记不住。先大概记一下这几个的翻译（应该是正确的）：
offset：偏移；client：客户；page：页面；screen：屏幕；offs
转载
2021-01-20 10:05:10
683阅读
2评论
1、screenX 和screenY 参照点：电脑屏幕左上角 screenX：鼠标点击位置相对于电脑
原创
2022-11-21 16:08:08
687阅读
鼠标相关事件 e.target 触发事件的标签对象 鼠标位置坐标数据
原创
2022-12-21 10:22:31
151阅读
javascript中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageXoffsetWidth //返回元素...
转载
2019-06-03 09:03:00
88阅读
2评论
javascript中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageXoffsetWidth //返回元素...
转载
2019-06-03 09:03:00
76阅读
2评论
offsetWidth //返回元素的宽度（包括元素宽度、内边距和边框，不包括外边距）offsetHeight //返回元素的高度（包括元素高度、内边距和边框，不包括外边距）clientWidth //返回元素的宽度（包括元素宽度、内边距，不包括边框和外边距）clientHeight //返回元素的高度（包括元素高度、内边距，不包括边框和外边距）st
原创
2021-05-14 20:17:35
165阅读
通过 3 张图和 1 张表格，轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。 一、测试代码如下： 二、不同浏览器对这些属性的支持： 三、图解 event.offsetX，event.clientX，e
转载
2017-03-21 11:50:00
356阅读
2评论
鼠标事件鼠标事件有下面这几种：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阅读
类似于event.clientX、event.clientY，但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性，但得rcElement）的X,Y坐标，只有IE事件有这2个属性，标准事件没有对应的属性。鼠标相对于用户显示器屏幕左上角的X,Y坐标。标准事件和IE事件都定义了这2个属性。
原创
2023-10-01 12:48:51
408阅读
offsetWidth //返回元素的宽度（包括元素宽度、内边距和边框，不包括外边距）offsetHeight //返回元素的高
原创
2022-03-08 14:50:40
78阅读
offsetWidth //返回元素的宽度（包括元素宽度、内边距和边框，不包括外边距）offsetHeight //返回元素的高度（包括元素高度、内边距和边框，不包括外边距）clientWidth //返回元素的宽度（包括元素宽度、内边距，不包括边框和外边距）clientHeight //返回元素的高度（包括元素高度、内边距，不包括边框和外边距...
原创
2021-08-26 10:59:58
90阅读
关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种 event.clientX/Y event.pageX/Y event.offsetX/Y event.layerX/Y event.screenX/Y clientX/Y: clientX/Y获取到的是触发点相对浏览器可视区域左上角距离
转载
2016-05-27 09:14:00
253阅读
2评论
