js获得鼠标的坐标值的方法_Javascript教程-查字典教程网
js获得鼠标的坐标值的方法
js获得鼠标的坐标值的方法
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:varx,y;//当需求为获得的坐标值相对于body时,用:functionpositionBody(event){eve...

复制代码 代码如下:

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;

}

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类