【学习笔记】实现鼠标事件位置的4种方式

event.clientX、event.clientY鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。event.pageX、event.pageY类似于event.clientX、event.clientY，但它们使用的是文档坐标而非窗口坐标。包含滚动条滚动的距离。event.offsetX、event.offsetY鼠标相对于事件源元素（srcElement）的X,Y坐标event.screenX、event.screenY鼠标相对于用户显示器屏幕左上角的X,Y坐标。