DOM 中常用事件类型概述
交互事件
Mouse | 鼠标事件
onClick onContextMenu onDoubleClick onDrag onDragEnd onDragEnter onDragExit
onDragLeave onDragOver onDragStart onDrop onMouseDown onMouseEnter onMouseLeave
onMouseMove onMouseOut onMouseOver onMouseUp
Touch
| Event Name | Description | 
| touchstart | Triggers when the user makes contact with the touch surface and creates a touch point inside the element the event is bound to. | 
| touchmove | Triggers when the user moves the touch point across the touch surface. | 
| touchend | Triggers when the user removes a touch point from the surface. It fires regardless of whether the touch point is removed while inside the bound-to element, or outside, such as if the user’s finger slides out of the element first or even off the edge of the screen. | 
| touchenter | Triggers when the touch point enters the bound-to element. This event does not bubble. | 
| touchleave | Triggers when the touch point leaves the bound-to element. This event does not bubble. | 
| touchcancel | Triggers when the touch point no longer registers on the touch surface. This can occur if the user has moved the touch point outside the browser UI or into a plugin, for example, or if an alert modal pops up. | 
KeyBoard | 键盘事件