鼠标事件触发---鼠标位置

浏览器中鼠标位置的属性---保存在event事件中

• event 事件：当事件被触发时，自动创建的

event.offsetX //设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标
event.offsetY //设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标
event.pageX   //设置或获取鼠标指针位置相对于页面左上角的 x 坐标
event.pageY   //设置或获取鼠标指针位置相对于页面左上角的 y 坐标
event.clientX //设置或获取鼠标指针位置相对于浏览器窗口可视区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条
event.clientY //设置或获取鼠标指针位置相对于浏览器窗口可视区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条
event.screenX //设置或获取获取鼠标指针位置相对于屏幕的 x 坐标
event.screenY //设置或获取鼠标指针位置相对于屏幕的 y 坐标

说实话真的很绕，文字一贯挂着抽象的牌子，来来来，过来，画图见分晓：

转载于:https://www.cnblogs.com/king-ying/p/5936429.html