JavaScript中一些事件对象下的关于鼠标位置和元素大小的属性。
知有
215
在开发的过程中当我们触发了鼠标事件的时候会有Event对象。
在Event有一下一些常用的位置属性：
pageX/Y ：以页面左上角为参考点，表示当前事件的触发点离页面左上角的水平和垂直距离。
clientX/Y ：以可视区域左上角为参考点，表示当前触发点离可视区域左上角的水平和垂直距离。
offsetX/Y ：以触发点所在dom的左上角为参考点，表示当前触发点离触发点所在dom的左上角的水平和垂直距离。
screenX/Y ：以屏幕左上角为参考点，表示当前触发点离屏幕左上角的水平和垂直距离。
layerX/Y ：当触发点所在的dom的position为relative或absolute时，则以dom的border外边框的左上角作为参考点，否则就以页面左上角为参考点(与pageX一致了)。
clientLeft/Top ：元素左border的宽度和上border的高度。
clientWidth/Height ：元素content+padding的宽度或高度。
offsetWidth/Height ：元素content+padding+border的宽度或高度。
scrollLeft/Top ：元素水平、垂直滚动条切去的宽度或高度。
offsetParent ：最近一个已进行CSS定位的祖先元素。
offsetTop/Left ：元素border外边框的左上角离offsetParent的padding外边框的左上角的垂直、水平距离。若offsetParent为body或 html标签，且body的position不为relative或absolute时，offsetTop/Left为元素border外边框的左上角 离页面左上角的垂直、水平距离。若body的position为relative或absolute时，则为元素border外边框的左上角离 offsetParent的padding外边框的左上角的垂直、水平距离。