获取鼠标坐标值的总结为了避免混淆知识点
通过《javaScript高级程序设计》查到这些
event.clientX event.clientY event.pageX event.pageY event.screenX event.screenY
document.documentElement.scrollLeft || document.body.sctollLeft document.documentElement.scrollTop || document.body.scrollTop
mousePosition html鼠标位置有：客户区（视口）坐标位置，html页面坐标位置，屏幕坐标位置
鼠标相对于客户区的位置： 所有的浏览器都支持这两个属性的哦！
鼠标相对于document的位置： IE8以前的浏览器不支持这两个属性！
鼠标相对于屏幕的位置： 所有的浏览器都支持这两个属性的哦！
!!!document.body （混杂模式）或 document.documentElement （标准模式）