获取鼠标位置

e.clientX和e.clientY 获取鼠标在浏览器可视区域的坐标

e.pageX和e.pageY 获取鼠标在文档中的坐标，存在浏览器兼容问题

<style>
#img{
  position:absolute;
}
</style>
<img src="images/4-small.jpg" alt="" id="img">
  <script>
    document.onmousemove = function (e) {
      e = e || window.event;
      var img = document.getElementById('img');
      img.style.top = e.pageY - 10 + 'px';
      img.style.left = e.pageX - 10 + 'px';
    }
  </script>