screenX:鼠标位置相对于用户屏幕水平偏移量，而screenY也就是垂直方向的，此时的参照点也就是原点是屏幕的左上角。clientX:跟screenX相比就是将参照点改成了浏览器内容区域的左上角，该参照点会随之滚动条的移动而移动。pageX：参照点也是浏览器内容区域的左上角，但它不会随着滚动条而...
分类：
其他好文 时间：
2015-05-21 21:59:22
阅读次数：
121
参考来源：http://www.cnblogs.com/tugenhua0707/p/4501843.htmlscreenX、screenY：浏览器屏幕水平、垂直坐标（相对于浏览器内整个屏幕，包括地址栏、书签栏等）clientX、clientY：页面客户区水平坐标、垂直坐标（不包含滚动部分）page...
分类：
编程语言 时间：
2015-05-16 18:17:51
阅读次数：
148
一、event事件对象1. 什么是event事件对象?用来获取事件的详细信息：鼠标位置、键盘按键–例子：获取鼠标位置：clientX–document的本质：document.childNodes[0].tagName2. document对象范围3. event事件对象兼容性问题及解决方案获取ev...
分类：
其他好文 时间：
2015-05-14 16:02:23
阅读次数：
212
在各个浏览器的JS中,有很多个让你十分囧的属性,由于各大厂商对标准的解释和执行不一样,导致十分混乱,也让我们这些前端攻城狮十分无语和纠结>_<John Resig大神说过,动态元素有3个至关重要的元素,位置,尺寸和可见性.所以,今天,先拿几个页面位置属性开刀.一.PageX和clientXPageX...
分类：
其他好文 时间：
2015-05-11 19:46:40
阅读次数：
121
一张图轻松搞懂javascript event对象的clientX,offsetX,screenX,pageX区别 2014-09-14 ?????0?个评论??? 来源：ruoyiqing的专栏?? 收藏????我要投稿 总是会被javascript的event对象的clientX,off...
分类：
其他好文 时间：
2015-04-28 12:12:57
阅读次数：
231
整体布局：比较1.clientX与clientYwindow.onload=function(){document.onclick=function(ev){var oEvent=ev||event;alert(oEvent.clientX+","+oEvent.clientY); }}oEvent...
分类：
其他好文 时间：
2015-04-22 20:37:16
阅读次数：
192
clientX/Y:clientX/Y获取到的是触发点相对浏览器可视区域左上角距离，不随页面滚动而改变兼容性：所有浏览器均支持pageX/Y:pageX/Y获取到的是触发点相对文档区域左上角距离，会随着页面滚动而改变兼容性：除IE6/7/8不支持外，其余浏览器均支持offsetX/Y:offsetX...
分类：
其他好文 时间：
2015-04-18 01:05:43
阅读次数：
240
IE 下获取 clientX/Y测试测试FireFox 下获取 clentX/Y测试测试进而核心可以升阶：var z =e.clientX|| event.clientX;//鼠标横坐标var f=e.clientY|| event.clientY;//鼠标纵坐标这样一来就可以在ie和firefox...
分类：
其他好文 时间：
2015-04-15 11:07:41
阅读次数：
105
screenX clientX pageX概念screenX:鼠标位置相对于用户屏幕水平偏移量，而screenY也就是垂直方向的，此时的参照点也就是原点是屏幕的左上角。clientX:跟screenX相比就是将参照点改成了浏览器内容区域的左上角，该参照点会随之滚动条的移动而移动。pageX：参照点也...
分类：
其他好文 时间：
2015-04-14 12:34:31
阅读次数：
111
这样理解比较好吧（pageX,pageY,clientX,clientY,eventX,eventY,scrollX,scrollY,screenX,screenY,event.offsetX,event.offsetY，offsetLeft,style.left）
1 pageX,pageY:鼠标指针相对于当前窗口的X,Y坐标，计算区域包括窗口自身的控件和滚动条。（火狐特有）2 event.clientX,event.clientY:鼠标指针相对于当前窗口的X,Y坐标,和page 不同的是计算区域不包括窗口自身的控件和滚动条。3 event.X和event.Y...
分类：
其他好文 时间：
2015-04-10 10:53:58
阅读次数：
886
