MouseEvent 鼠标事件

MouseEvent 是浏览器提供的对象，同时也是一个构造函数。主要用来描述鼠标相关事件。

click 单击鼠标

dbclick 双击鼠标

H5 拖拽事件

• dragstart 当一个元素被拖拽时触发【拖拽元素上绑定】
• dragend 当一个被拖拽元素结束拖拽时触发【拖拽元素上绑定】
• dragover 被拖拽元素拖入目标区域后就会触发该事件【目标区域绑定事件】
• drop 当被拖拽元素拖入目标区域结束是会触发该事件【在目标区域绑定】

event 实例对象的属性和方法

鼠标事件位置的4种方式

event.clientX、event.clientY
鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。

event.pageX、event.pageY
类似于event.client，但它们使用的是文档坐标而非窗口坐标。包含滚动条滚动的距离。

event.offsetX、event.offsetY
鼠标相对于事件源元素（srcElement）的X,Y坐标

event.screenX、event.screenY
鼠标相对于用户显示器屏幕左上角的X,Y坐标。