[js] 元素随着鼠标移动（在窗口下）

<p></p>

*{
            margin: 0;
            padding: 0;
        }

        body{
            height: 5000px;
        }

        p{
            width: 100px;
            height: 100px;
            background: pink;
            position: fixed;
            top:0;
            left: 0;
        }

// 获取标签对象
var oP = document.querySelector('p');

// 获取标签占位 内容+padding+border
var oPWidth = oP.offsetWidth;
var oPHeight = oP.offsetHeight;

// 给整个文档添加点击事件
document.addEventListener('click' , function(e){

    // 将获取的 鼠标定位数值 赋值给 标签定位属性
    oP.style.top = e.clientY - oPHeight/2 + 'px' ;
    oP.style.left = e.clientX - oPWidth/2 + 'px' ;

})