<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' ;
})