没有兼容问题：
clientX:事件触发时，鼠标位于视口的横坐标的值 clientY:事件触发时，鼠标位于视口的纵坐标的值 offsetX:事件触发时，鼠标位于元素的横坐标的值（最精确元素） offsetY:事件触发时，鼠标位于元素的纵坐标的值（最精确元素）有兼容问题
pageX：事件触发时，鼠标位于页面横坐标的值 pageY：事件触发时，鼠标位于页面纵坐标的值其他
clientWidth : padding + width ; clientHeight offsetWidth : border + padding + width ; offsetHeight clientLeft : 左边框 ; clientTop offsetLeft : 从自己的边框外到定位元素的边框内的距离 ; offsetTop 【IE8是到父元素的边框外】 窗口 = 视口 + 滚动条快捷尺寸
获取视口尺寸： document.documentElement.clientWidth document.documentElement.clientHeight 获取窗口尺寸： window.innerWidth window.innerHeight