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