pageX/pageY,screenX/screenY,clientX/clientY的差别

【pageX/pageY,screenX/screenY,clientX/clientY的差别】的更多相关文章

pageX/pageY,screenX/screenY,clientX/clientY的差别

pageX/pageY,screenX/screenY,clientX/clientY的差别 $(document).click(function(e){ //x方向无差别 //alert(e.pageX+','+e.screenX+','+e.clientX); //y方向有差别,无滚动条时pageY和clientY一样,有的话三者有差别 alert(e.pageY+','+e.screenY+','+e.clientY); });…

js进阶 12-7 pageY和screenY以及clientY的区别是什么

js进阶 12-7 pageY和screenY以及clientY的区别是什么一.总结一句话总结:pageY是距文件,screenY是获取显示器屏幕位置的坐标,clientY是页面视口. 没有滚动条时,(pageY=clientY)+浏览器菜单栏高度=screenY: 有滚动条时,pageY>screenY>clientY, 因为clientY是页面视图距离,有无滚动条时你点屏幕的同一位置不会变化,screenY也是. 但是pageY会随着滚动条的下拉而变大,因为它是距文件顶端的距离 1.p…

pagex，screenx，clientx的差别

screenX:參照物为电脑的屏幕左上角,距离电脑屏幕的水平距离 clientX:參照物是内容区域左上角,距离内容区域左上角的水平距离,会随着滚动栏的移动而移动 pageX:參照物也是内容区域的左上角.距离内容区域左上角的水平距离,可是不会随着滚动栏的移动而移动…

Js event对象offsetX，pageX，screenX，clientX详解

平时在测量元素位置时难以确定,下面给出具体的event对象中的各种属性,以便日后使用. 检测相对于浏览器的位置:clientX和clientY 当鼠标事件发生时,鼠标相对于浏览器左上角的位置检测相对于文档的位置:pageX和pageY 当鼠标事件发生时,鼠标相对于文档左上角的位置.(IE7/8无)(类似于event.clientX和event.clientY) 检测相对于屏幕的位置:screenX和screenY 当鼠标事件发生时,…

如何更好的理解（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:相对于当前窗口,设置或获取鼠标指针位置相对于父文档的x,y像素坐标(可惜火狐不支持,人生总要有些遗憾也是没办法的). 4 scrollX,scrollY:望文生义,相对于浏览器而言的,随滚动条移…

元素位置pageX,pageY,clientX,clientY,scrollX,scrollY,screenX,screenY,offsetX,offsetY

总结: event.clientX 设置或获取鼠标指针位置相对于当前窗口的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条. (可见区域)event.clientY 设置或获取鼠标指针位置相对于当前窗口的 y 坐标,其中客户区域不包括窗口自身的控件和滚动条. (可见区域)event.offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标. (触发事件的元素,ie,chrome支持此属性,ff不支持)event.offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y…

JS之clientX,clientY,screenX,screenY,offsetX,offsetY区别

首先需要知道clientX,clientY,screenX,screenY,offsetX,offsetY 是鼠标事件对象下的几个属性. 之前也一直对这些属性搞的稀里糊涂,看文档上说的也是不太理解,反正看完一头雾水,所以自己动手亲自测试了一下:说一下自己的理解:clientX,clientY,screenX,screenY,offsetX,offsetY 这几个属性是“鼠标事件对象”下的属性,所以必然是“鼠标事件”发生时候才会有意义: clientX:当鼠标事件发生时(不管是onclick,还是…