js获得鼠标的坐标值的方法

站长资源 2025/1/22 佚名

35 1538 35

DDR爱好者之家 Design By 杰米

复制代码代码如下:
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;

}

js,鼠标,坐标值

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“js获得鼠标的坐标值的方法”

暂无评论...