JS事件（四）坐标位置

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);
})