页面加载/卸载事件
触发顺序：
DOMContentLoaded -> load -> beforeunload
| 事件 | 对象 | 触发 |
| DOMContentLoaded | document window |
HTML文档(DOM树)被加载到内存和解析时。在load前触发。 |
| load | window | HTML文档（DOM树），css，图像，被加载和解析时 |
| beforeunload | window | 关闭标签，浏览器窗口，刷新页面时。在unload前触发。 |
焦点事件(DOM)
用于：与表单控件交互时。
| 事件 | 触发 |
| focus | 当元素获取焦点时 |
| blur | 当元素失去焦点时 |
鼠标事件(DOM)
单击时触发事件：down -> up -> click
| 事件 | 触发 |
| click | 在元素上按下松开鼠标主键时 |
| mousedown | 在元素上按下鼠标任何键时 |
| mouseup | 在元素上按下后松开鼠标任何键时 |
| mouseover | 鼠标从元素A外移到元素边框区里时或其子元素里时触发事件A的该事件 |
| mouseout | 鼠标从元素A里移到元素边框里时或其子元素外时，或鼠标进入子元素里时，均触发元素A的该事件 |
| mousemove | 在元素上移动鼠标时（反复触发） |
| contextmenu | 当打开上下文菜单（快捷菜单）时 |
键盘事件(DOM)
用户在键盘上按键时触发
触发顺序：keydown -> keyup
| 事件 | 触发 |
| keydown | 按下某 个键时（按下不放会重复触发） |
| keyup | 按下并松开某个键时发生在输入框值变化后 |
表单相关元素事件
用于用户和表单或表单控件交互时
| 事件 | 触发 |
| input | 当input,select,textarea控件的值被改变时 |
| change | 元素的值被改变且提交时，用于select，radio，checkbox控件值改变时 |
| submit | 表单被提交到服务器时 |