clientX观点:鼠标相对于WINDOWS的坐标。这里这个WINDOWS是指我们能看见的浏览器大小。所以不可能超过显示器的大小,如screen.width,screen.height证明:点击获得clientX,clientY的大小,设置为图片定位的位置。如果上面观点不成立,也就是这个坐标不是浏览...
分类:
其他好文 时间:
2015-07-11 22:49:00
阅读次数:
242
screenX:参照物为电脑的屏幕左上角,距离电脑屏幕的水平距离
clientX:参照物是内容区域左上角,距离内容区域左上角的水平距离,会随着滚动条的移动而移动
pageX:参照物也是内容区域的左上角,距离内容区域左上角的水平距离,但是不会随着滚动条的移动而移动...
分类:
其他好文 时间:
2015-07-09 13:15:37
阅读次数:
111
跨浏览器获取位置var leftX = typeof window.screenLeft == 'number' ? window.screenLeft : window.screenX;
var topY = typeof window.screenTop == 'number' ? window.screenTop : window.screenY;firefox浏览器不支持screenLeft...
分类:
编程语言 时间:
2015-07-06 12:16:58
阅读次数:
121
touch事件原生一定要用addEventListener来绑定一、原生touchstart:触摸开始时触发touches:当前位于屏幕上所有手指的列表event.touches.length : 记录一瞬间触摸到的手指数event.touches[0].screenX : 记录第一根手指在屏幕的x...
分类:
移动开发 时间:
2015-06-09 13:11:25
阅读次数:
337
screenX:鼠标位置相对于用户屏幕水平偏移量,而screenY也就是垂直方向的,此时的参照点也就是原点是屏幕的左上角。clientX:跟screenX相比就是将参照点改成了浏览器内容区域的左上角,该参照点会随之滚动条的移动而移动。pageX:参照点也是浏览器内容区域的左上角,但它不会随着滚动条而...
分类:
其他好文 时间:
2015-05-21 21:59:22
阅读次数:
121
一张图轻松搞懂javascript event对象的clientX,offsetX,screenX,pageX区别 2014-09-14 ?????0?个评论??? 来源:ruoyiqing的专栏?? 收藏????我要投稿 总是会被javascript的event对象的clientX,off...
分类:
其他好文 时间:
2015-04-28 12:12:57
阅读次数:
231
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
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