让一个div块随鼠标移动

一个简单的小练习，实现当鼠标移动时，div块跟随鼠标的移动而移动，需要注意的是只有开启div的定位，div才会移动

onmousemove：鼠标移动事件

clientX和clientY：获取鼠标在当前可见窗口的坐标

scrollTop：垂直滚动条滚动的距离

scrollLeft：水平滚动条滚动的距离

-  在chrome中，scrollTop和scrollLeft是body的属性，而在火狐中则是属于html的属性，所以要注意兼容性的问题

注意：clientX和clientY只获取鼠标在当前可见窗口的坐标（即相对于下图绿色框的左上角坐标），而div的移动偏移量是相对于整个页面的（即相对于下图红色框的左上角坐标）。由于页面的大小会大于当前的窗口大小，所以在这种情况下，div的偏移量会出现偏差，而实际div的偏移量应该是鼠标的坐标加上滚动条滚动的距离。