鼠标事件的对象信息

鼠标事件的事件对象信息
+ 事件对象里面和鼠标事件相关的一些信息
1. 按下的按键
+ 事件对象中有一个叫做 button 的属性
+ 他来表示你按下的是哪一个按键
=> 0 表示左键
=> 1 表示滚轮键
=> 2 表示右键
2. 光标的坐标(重点)
+ 只要是鼠标事件, 任何鼠标事件都好使
2-1. clientX 和 clientY
=> 光标距离可视窗口左上角的位置
2-2. pageX 和 pageY
=> 光标距离文档流左上角的位置
2-3. offsetX 和 offsetY
=> 光标距离元素左上角的位置
=> 元素: 光标触发事件的元素(不是事件源)
=> 扩展: 如果你不想按照里面光标触发元素的左上角计算坐标
就像按照事件源来计算坐标
css 样式 pointer-event: none;
=> 纯靠 JS 完成
1. offsetParent 是谁
=> 获取偏移量的时候的参考父元素
=> 根据 body 来
=> + offsetLeft - 父元素的 offsetLeft
=> 根据 父元素
=> + offsetLeft