先总结下区别： event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.client ...
分类：
其他好文 时间：
2017-04-16 09:26:43
阅读次数：
134
简介 关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种： event.clientX/Y event.pageX/Y event.offsetX/Y event.layerX/Y event.screenX/Y clientX/Y: clientX/Y获取到的是触发点相对浏览器可视区域左 ...
分类：
Web程序 时间：
2017-03-29 22:39:40
阅读次数：
216
通过 3 张图和 1 张表格，轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。 一、测试代码如下： 二、不同浏览器对这些属性的支持： 三、图解 event.offsetX，event.clientX，e ...
分类：
Web程序 时间：
2017-03-21 12:45:02
阅读次数：
242
哎，事件也有对象呦。程序员一直在讲对象对象，那么，过年是不是该带个对象回家呢？好了，既然事件有对象，承认这个事实吧！哈哈，那么，其就有属性，接下来，就放个 例子来讲讲，顺便把常用的属性也添加进去。。 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态 ...
分类：
Web程序 时间：
2017-01-31 16:03:09
阅读次数：
232
参考：http://www.cnblogs.com/xesam/archive/2011/12/08/2280509.html chrome： e.pageX——相对整个页面的坐标e.layerX——相对当前坐标系的border左上角开始的坐标e.offsetX——相对当前坐标系的border左上角 ...
分类：
其他好文 时间：
2017-01-05 13:06:48
阅读次数：
189
1. clientX，pageX，offsetX，screenX的区别： event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY ...
分类：
其他好文 时间：
2016-12-23 22:04:56
阅读次数：
165
Window对象属性ScreenLeft/ScreenTop/ScreenX/ScreenY只读整数，声明了窗口的左上角在屏幕上的x坐标和y坐标。IE、Safari和Opera支持ScreenLeft/ScreenTopFirefox、Safari支持ScreenX/ScreenYChrome都支持innerWidth/innerHeight只读属性，声明了窗口的文档显示区的宽度和高度，..
分类：
其他好文 时间：
2016-12-19 14:52:13
阅读次数：
305
原生js获取鼠标坐标方法全面讲解:clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screenX/Y 一、关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种:event.clientX/Yevent.pageX/Yevent.offsetX/Yevent.laye ...
分类：
Web程序 时间：
2016-12-09 16:42:38
阅读次数：
166
event.clientX/Y event.pageX/Y event.offsetX/Y event.layerX/Y event.screenX/Y clientX/Y: clientX/Y获取到的是触发点相对浏览器可视区域左上角距离，不随页面滚动而改变 兼容性：所有浏览器均支持 pageX/Y ...
分类：
Web程序 时间：
2016-12-01 02:12:56
阅读次数：
196
