鼠标事件

点击事件 click的相关属性

Left Top 元素的事件属性
X Y鼠标事件的属性

在点击事件中e里面存了很多位置数据。
clientX 距离可视区域左上角
clientY

layerX
layerY
如果目标对象是定位方式，值与offset相似，如果目标对象是非定位方式，取父容器的左上角位置，如果父容器未定位，继续向上取

offsetX 相对事件目标对象e.target的左上角位置
offsetY

movementX 仅用于mousemove事件 这个值是鼠标移动时相对于上次获取坐标的距离
movementY

pageX 相对页面顶端左上角位置
pageY

screenX 相对屏幕左上角位置
screenY

x 和clientX，clientY相同
y

altKey 按下alt键同时点击鼠标时变为true，以下同理
ctrlKey
metaKey
shiftKey

mousedown针对鼠标不同按键触发时的属性值

针对mousedown事件的属性，判断按下的键
左键 中键 右键
buttom： 0 1 2
buttons：0 4 2
which： 1 2 3

各种鼠标事件

click 点击
dblclick 双击键
mousedown 按下键
mouseup 释放键
mouseover 滑过
mouseout 滑出
mouseenter 进入
mouseleave 离开
mousemove 移动
contextmenu 右键菜单

mouseover、mouseout具有冒泡功能，可以收到鼠标滑入滑出子元素的冒泡事件
mouseenter、mouseleave仅对侦听的对象起到事件接收作用