JS獲取鼠標位置、當前元素所在位置

JS獲取鼠標位置,當前元素的top left width height




//獲取元素的絕對位置,大小。 參數js對象
function getElAbsolute(elem) {
    var t = elem.offsetTop;
    var l = elem.offsetLeft;
    var w = elem.offsetWidth;
    var h = elem.offsetHeight;
    elem = elem.offsetParent;
    while (elem) {
        t += elem.offsetTop;
        l += elem.offsetLeft;
        elem = elem.offsetParent;
    };
    return {
        top: t,
        left: l,
        width: w,
        height: h
    };
}
//兼容各種瀏覽器的,獲取鼠標真實位置
function mousePosition(ev) {
    if (!ev) ev = window.event;
    if (ev.pageX || ev.pageY) {
        return { x: ev.pageX, y: ev.pageY };
    }
    return {
        x: ev.clientX + document.documentElement.scrollLeft - document.body.clientLeft,
        y: ev.clientY + document.documentElement.scrollTop - document.body.clientTop
    };
}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章