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
IE8不支持的PageXY 相对于整个页面鼠标的位置 包括溢出的部分event.pageX;event.pageY;所有浏览器支持的： 相对于当前浏览器窗口可视区域的坐标event.clientX;event.clientY;相对于当前屏幕（和浏览器窗口大小无关）的坐标event.screenX;....
分类：
其他好文 时间：
2015-04-06 17:15:25
阅读次数：
162
在各个浏览器的JS中,有很多个让你十分囧的属性,由于各大厂商对标准的解释和执行不一样,导致十分混乱,也让我们这些前端攻城狮十分无语和纠结>_<John Resig大神说过,动态元素有3个至关重要的元素,位置,尺寸和可见性.所以,今天,先拿几个页面位置属性开刀.一.PageX和clientXPageX...
分类：
其他好文 时间：
2015-04-06 10:02:21
阅读次数：
144
获取鼠标的位置
function mousePosition(){
var posx=0,posy=0;
var event=event||window.event;
if(event.pageX||event.pageY){
posx=event.pageX;
posY=even...
分类：
其他好文 时间：
2015-03-13 16:42:20
阅读次数：
122
//window.event IE：有window.event对象 FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event) //鼠标当前坐标 IE：event.x和event.y。 FF：event.pageX和...
分类：
Web程序 时间：
2015-03-13 15:49:23
阅读次数：
174
window.event对象差异IE：有window.event对象FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event)获取鼠标当前坐标IE：event.x和event.y。FF：event.pageX和eve...
分类：
编程语言 时间：
2015-03-04 16:34:34
阅读次数：
182
function getpos(ev){
var scrilltop=document.documentElement.scrollTop||document.body.scrollTop;
var scrillLeft=document.documentElement.scrollLeft||document.body.scrollLeft;
...
分类：
Web程序 时间：
2015-03-04 11:09:54
阅读次数：
148
事件对象event的位置属性，这些参数比较容易混淆1. pageX,pageY ：IE不识别的，鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化，其实就是clientY+scrollTop，参考点是页面2. clientX,clientY:鼠标在页面上可视区域的位置,从...
分类：
其他好文 时间：
2015-01-14 12:33:23
阅读次数：
174
