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

浏览器中鼠标位置的属性---保存在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