獲取鼠標 在目標元素中的 座標

嗯哼。很少說,直接上代碼了。spa

  • // 獲取鼠標 在目標元素中的 座標
    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)
        };
    }
相關文章
相關標籤/搜索