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