javascript获得鼠标的坐标值
一、需求：
1、当需求为获得的坐标值相对于body时实现方法
2、当需求为获得的坐标值相对于某一对象时实现方法
二、实现：
var x , y;//当需求为获得的坐标值相对于body时，用： function positionBody(event){ event = event||window.event; //获得相对于body定位的横标值； x=event.clientX //获得相对于body定位的纵标值； y=event.clientY } //当需求为获得的坐标值相对于某一对象时，用： function positionObj(event,id){ //获得对象相对于页面的横坐标值；id为对象的id var thisX = document.getElementById(id).offsetLeft; //获得对象相对于页面的横坐标值； var thisY = document.getElementById(id).offsetTop; //获得页面滚动的距离； //注：document.documentElement.scrollTop为支持非谷歌内核；document.body.scrollTop为谷歌内核 var thisScrollTop = document.documentElement.scrollTop + document.body.scrollTop; event = event||window.event; //获得相对于对象定位的横标值 = 鼠标当前相对页面的横坐标值 - 对象横坐标值； x = event.clientX - thisX; //获得相对于对象定位的纵标值 = 鼠标当前相对页面的纵坐标值 - 对象纵坐标值 - 滚动条滚动的高度； y = event.clientY - thisY - thisScrollTop; }三、实例下载：
点击这里
四、如果有更好的方法，可以的话 ，相互交流下，共同进步！
TAG:
