标签:
1、客户区坐标位置 (相对于客户端视口,而无关浏览器缩放)
clientX与clientY:表示事件发生时鼠标在视口的坐标,不包括页面滚动距离,因此不代表鼠标在页面上的位置。
2、页面坐标位置
pageX与pageY:包括页面滚动距离,代表鼠标在页面上的位置。
无滚动时,clientX==pageX,clientY==pageY
3、屏幕坐标位置
screenX与screenY:鼠标指针相对于整个屏幕的坐标位置
var div=document.getElementById("div"); EventUtil.addHandler(div,"click",function(ev){ ev=EventUtil.getEvent(event); //没有滚动时,页面坐标=客户区坐标 alert(‘客户区坐标‘+event.clientX+‘,‘+event.clientY); alert(‘页面坐标‘+event.pageX+‘,‘+event.pageY); alert(‘屏幕坐标‘+event.screenX+‘,‘+event.screenY); })
标签:
原文地址:http://www.cnblogs.com/dll-ft/p/5757934.html