我是靠谱客的博主 细心小刺猬,最近开发中收集的这篇文章主要介绍js获得鼠标的坐标值的方法,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

复制代码 代码如下:

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获得鼠标的坐标值的方法的全部内容,希望文章能够帮你解决js获得鼠标的坐标值的方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(121)

评论列表共有 0 条评论

立即
投稿
返回
顶部