您好,欢迎访问一九零五行业门户网

js获得鼠标的坐标值的方法_javascript技巧

复制代码 代码如下:
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;
}
其它类似信息

推荐信息