screenX：参照物为电脑的屏幕左上角，距离电脑屏幕的水平距离
clientX：参照物是内容区域左上角，距离内容区域左上角的水平距离，会随着滚动条的移动而移动
pageX：参照物也是内容区域的左上角，距离内容区域左上角的水平距离，但是不会随着滚动条的移动而移动...
分类：
其他好文 时间：
2015-07-09 13:15:37
阅读次数：
111
一.PageX和clientXPageX和clientX ,这个两个比较容易搞混,PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化clientX:鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器滑动条此刻的滑动到的位置为参考点,随滑动条移...
分类：
其他好文 时间：
2015-07-08 20:24:43
阅读次数：
123
$(function(){ $('#hospitalTree').bind('contextmenu', function(e) { e.preventDefault(); $('#mm').menu('show', { left : e.pageX, top : e.p...
分类：
其他好文 时间：
2015-06-03 11:38:12
阅读次数：
283
screenX:鼠标位置相对于用户屏幕水平偏移量，而screenY也就是垂直方向的，此时的参照点也就是原点是屏幕的左上角。clientX:跟screenX相比就是将参照点改成了浏览器内容区域的左上角，该参照点会随之滚动条的移动而移动。pageX：参照点也是浏览器内容区域的左上角，但它不会随着滚动条而...
分类：
其他好文 时间：
2015-05-21 21:59:22
阅读次数：
121
在各个浏览器的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
window.onload = function () { document.onclick = function (e) { alert("X的坐标是：" + e.pageX+"\ny的坐标是："+e.pageY); } }从这里可以看出，即便 \n 在字符串中，浏览器也会识别出换行的。
分类：
其他好文 时间：
2015-04-27 12:53:50
阅读次数：
146
获取鼠标的当前坐标，可以用pageX or pageY就可以实现，代码特别的简单，代码如下：
pageX or pageY
$(document).ready(function(){
$(document).mousemove(fun...
分类：
其他好文 时间：
2015-04-24 09:20:01
阅读次数：
194
client / clientY：// 触摸点相对于浏览器窗口viewport的位置pageX / pageY：// 触摸点相对于页面的位置screenX /screenY：// 触摸点相对于屏幕的位置identifier： // touch对象的unique IDevent.preventDefa...
分类：
移动开发 时间：
2015-04-23 13:11:28
阅读次数：
148
clientX/Y:clientX/Y获取到的是触发点相对浏览器可视区域左上角距离，不随页面滚动而改变兼容性：所有浏览器均支持pageX/Y:pageX/Y获取到的是触发点相对文档区域左上角距离，会随着页面滚动而改变兼容性：除IE6/7/8不支持外，其余浏览器均支持offsetX/Y:offsetX...
分类：
其他好文 时间：
2015-04-18 01:05:43
阅读次数：
240
