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 |键盘事件