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

click 单击鼠标

dbclick 双击鼠标

H5 拖拽事件

鼠标事件位置的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坐标。