转：https: www.cnblogs.com jiangxiaobo p .html 图解 event.offsetX，event.clientX，event.pageX，event.screenX属性 图解 event.layerX，event.layerY 属性 图解 event.x，event.y 属性 Jquery 兼容写法 jQueryevent 事件对象，包含有 event.off ...
2019-03-19 14:50 0 553 推荐指数：
通过 3 张图和 1 张表格，轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。 一、测试代码如下： 二、不同浏览器对这些属性的支持： 三、图解 event.offsetX ...
通过 3 张图和 1 张表格，轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。 一、测试代码如下： 二、不同浏览器对这些属性的支持： 三、图解 event.offsetX ...
平时在测量元素位置时难以确定，下面给出具体的event对象中的各种属性，以便日后使用。 检测相对于浏览器的位置：clientX和clientY 当鼠标事件发生时，鼠标相对于浏览器左上角的位置 检测相对于文档的位置 ...
clientX,offsetX,layerX,pageX,screenX,X有时容易记混，通过测试当前的主流浏览器疏理了自己的一些看法以供参考。 Chrome下（测试版本为51.0.2704.106 ）： 由上图可见题目中的6种属性可分为三大类： 1.鼠标指针 ...
在各个浏览器的JS中,有很多个让你十分囧的属性,由于各大厂商对标准的解释和执行不一样,导致十分混乱,也让我们这些前端攻城狮十分无语和纠结>_< John Resig大神说过,动态元素有3个至关重要的元素,位置,尺寸和可见性.所以,今天,先拿几个页面位置属性开刀. 一.PageX ...
鼠标事件 鼠标事件有下面这几种： 1. onclick 鼠标点击事件 box.o ...
一.PageX和clientXPageX和clientX ,这个两个比较容易搞混,PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化。可以理解为：相对#（0.0）坐标绝对定位clientX:鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器 ...
event.screenX、event.screenY 鼠标相对于用户显示器屏幕左上角的X,Y坐标。标准事件和IE事件都定义了这2个属性 event.clientX、event.clientY 鼠标相对于浏览器可视区域的X,Y坐标（将参照点改成了浏览器内容区域的左上角），可视区域不包括工具栏 ...
