*事件属性： *clientX、clientY(鼠标指针位置相对于当前窗口) *offsetX、offsetY(非IE下:相对触发事件的对象的border的顶点的位置) *layerX、layerY *pageX、pageY(相对于窗口并包含滚动条的位置) *screenX、screenY相对于屏幕的顶点，当然就包含工具条之类的东东占具的位置 * * *在IE8中： *offsetX、offsetY表示相对于对应元素的顶点(border的右下角，不算border,点在border上是负数)的位置 *clientX、clientY是相对于当前可视范围的距离，不会受到body滚动条的影响 *x、y相当于chrome中的pageX,pageY受body滚动条影响 *screenX、screenY是相对于浏览器窗口的距离 * *chrome中: *offsetX、offsetY表示相对于对应元素的顶点(border的左上角,要计算border的宽高)的位置 * *clientX、clientY是相对于当前可视范围的距离，不会受到body滚动条的影响 * *x、y与clientX、clientY效果是相同的 * *pageX、pageY是相对于body的距离，受滚动条影响 *ev.clientY + document.body.scrollTop - document.documentElement.scrollLeft与pageY是相等的，在chrome中，在IE中就不要想了 *layerX、layerY相对于第一个relative或absolute元素（包括它自己）的位置,设置了overflow也是相对于自己， *否则就跟pageX、pageY一个样了,在chrome中不受元素本身滚动条景响 * *screenX、screenY是相对于浏览器窗口的距离 * *firefox中： *pageX、pageY同chrome *clienX、clientY同chrome *layerX、layerY与chrome的区别是会家到本身滚动条的影响 *screenX、screenY是相对于浏览器窗口的距离 *不支持x、y与offsetX、offsetY * */
?