获得鼠标当前位置（浏览器兼容）

最新推荐文章于 2020-12-02 21:58:26 发布

转载最新推荐文章于 2020-12-02 21:58:26 发布 · 361 阅读

文章标签：

#浏览器 #null

javascript 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一个JavaScript函数，该函数用于根据鼠标的位置动态调整提示框的位置。通过检查不同浏览器环境下的鼠标坐标属性，确保了跨浏览器的兼容性。

function setTipLocation(e)
{
    var intX=0,intY=0;    
    if(e==null)
    {        
        e=window.event;        
    }
    
    if(e.pageX || e.pageY)//如果要是存在这个对象pageX，那么 
    {
        intX=e.pageX; intY=e.pageY;
    }
    else if(e.clientX || e.clientY)//如果存在这个对象clientX,那么 
    {
        if(document.documentElement.scrollTop)
        {
            intX=e.clientX+document.documentElement.scrollLeft;
            intY=e.clientY+document.documentElement.scrollTop;
        }
        else
        {
            intX=e.clientX+document.body.scrollLeft;
            intY=e.clientY+document.body.scrollTop;
        }
    }
    $(_BarIdName).style.top = (intY+10)+"px";
    $(_BarIdName).style.left = (intX)+"px";
}