2015.8.30-js(鼠标坐标)

1.client属性是可视区里的鼠标位置，先兼容事件对象event

var oEvent = e || event

2.获取可视区里的鼠标坐标。

alert(oEvent.clientX +"," + oEvent.clientY)　　

3.获取整个页面里的鼠标坐标，用先用scrollTop计算可视区与浏览器顶部的距离，再用client+scrollTop就可计算出当前鼠标坐标在整个页面里的坐标

var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;   //垂直滚动条

var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;  //水平滚动条

alert(oEvent.clientY + scrollTop)　

PS:但凡用到client鼠标坐标都要加scrollTop

4.div跟着鼠标走,client只是可视区的位置，div是根据body定位的。随着可视区向下滚动，div与可视区的距离被拉远,scrollTop可以计算可视区与顶部的距离

var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;   //垂直滚动条

var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;  //水平滚动条

oDiv.style.left = oEvent.clientX +scrollLeft + "px";

oDiv.style.top = oEvent.clientY +scrollTop + "px";