平时在测量元素位置时难以确定，下面给出具体的event对象中的各种属性，以便日后使用。 检测相对于浏览器的位置：clientX和clientY 当鼠标事件发生时，鼠标相对于浏览器左上角的位置 检测相对于文档的位置：pageX和pageY 当鼠标事件发生时，鼠标相对于文档左上角的位置。 IE 无 类似于event.clientX和event.clientY 检测相对于屏幕的位置：screenX和s ...
2019-08-29 19:12 0 506 推荐指数：
通过 3 张图和 1 张表格，轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。 一、测试代码如下： 二、不同浏览器对这些属性的支持： 三、图解 event.offsetX ...
转：https://www.cnblogs.com/jiangxiaobo/p/6593584.html 图解 event.offsetX，event.clientX，event.pageX，event.screenX属性 图解 event.layerX，event ...
通过 3 张图和 1 张表格，轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。 一、测试代码如下： 二、不同浏览器对这些属性的支持： 三、图解 event.offsetX ...
event.screenX、event.screenY 鼠标相对于用户显示器屏幕左上角的X,Y坐标。标准事件和IE事件都定义了这2个属性 event.clientX、event.clientY 鼠标相对于浏览器可视区域的X,Y坐标（将参照点改成了浏览器内容区域的左上角），可视区域不包括工具栏 ...
javascript的event对象的clientX,offsetX,screenX,pageX 弄得头晕，于是决定做个图来区分一下 event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件 ...
一、写在前面 在阅读本文前，希望大家能针对每个属性亲手测试，网上现有的大量相关博客都有不等的概念错误，毕竟亲手实践才能更好的掌握这些概念。 1.pageX，clientX，screenX与offsetX 先统一了解下这四个概念，理解不透没关系，咱们把概念相近的对比着一一细说。 pageX ...
offsetWidth //返回元素的宽度（包括元素宽度、内边距和边框，不包括外边距） offsetHeight //返回元素的高度（包括元素高度、内边距和边框，不包括外边距） ...
