event 对象

document.onclick = function(event) {
    var event = event || window.event;
       alert("您的x坐标是:" +event.clientX + "y坐标是:"+ event.clientY);

}

再触发DOM上的某个事件时，会产生一个事件对象event，这个对象中包含着所有与事件有关的信息。所有浏览器都支持event对象，但支持的方式不同。

比如鼠标操作时候，会添加鼠标位置的相关信息到事件对象中。

 clientX   clientY       以网页显示的左上角为准

可见区域的  鼠标 x 坐标和 y坐标  

1.1.1 pageX  pageY        以浏览器左上角为准

 以我们的页面文档左上角  为对齐   检测 距离    它特别像  绝对定位

ie 678 不支持pageX  pageY   但是我们只能采取另外的方式获取 

ie678 只能 pageY  =   clientY + document.documentElement.scrollTop  

screenX  screenY       以电脑屏幕为准

用来检测 我们鼠标 距离我们电脑屏幕的 距离