获取鼠标 在目标元素中的 坐标

嗯哼。不多说,直接上代码了。

  • // 获取鼠标 在目标元素中的 坐标
    function posInElement(obj,e){
        var mouseX = e.clientX;
                   
        var mouseY = e.clientY;
        
        var objX = obj.getBoundingClientRect().left - document.documentElement.clientLeft;
        var objY = obj.getBoundingClientRect().top - document.documentElement.clientTop;
        
        return {
            top: mouseY - objY,    // 鼠标在页面中的坐标 - 元素在页面中的坐标 = 鼠标在元素内的坐标
            left: mouseX - objX,
            
            bottom: obj.offsetHeight - (mouseY - objY),
            right: obj.offsetWidth - (mouseX - objX)
        };
    }

     

posted @ 2018-10-29 22:48  耶梦加德  阅读(485)  评论(0编辑  收藏  举报