js 擷取 滑鼠位置 和擷取元素位置

var body = document.getElementsByTagName("body")[0];
    body.addEventListener("mousemove", outpostion);
    function outpostion() {
        console.log("全局"+event.clientX + "/" + event.clientY); //evevt是全局的, 
    }      

var that = obj;
        //obj.offsetLeft //元素相對于父元素的left
        //obj.offsetTop //元素相對于父元素的top
        console.log(obj.offsetLeft + "/" + obj.offsetTop);      

//滑鼠指針移動到元素上時觸發
    function overShow(obj, str) {
        var showDiv = document.getElementById('showDiv');
        //showDiv.css("left", event.clientX).css("top", event.clientY);
        //showDiv.style.left = event.clientX;
        //showDiv.style.top = event.clientY;

        var that = obj;
        //obj.offsetLeft //元素相對于父元素的left
        //obj.offsetTop //元素相對于父元素的top

        console.log(obj.offsetLeft + "/" + obj.offsetTop);
        showDiv.style.left = (obj.offsetLeft * 2) + 'px';
        showDiv.style.top = obj.offsetTop + 'px';
        console.log("jubu" + event.clientX + "/" + event.clientY);
        showDiv.style.display = 'block';
        showDiv.innerHTML = str;
    }      

轉載于:https://www.cnblogs.com/enych/p/10086603.html