负你白头共老对影成孤,弃你红尘万丈自叹何苦。
事件
- 事件是文档或者浏览器窗口中发生的,特定的交互瞬间。
 - 事件是用户或浏览器自身执行的某种动作,如 click,load 和 mouseover 都是事件的名字。
 - 事件是 javaScript 和 DOM 之间交互的桥梁。
 
事件类型
- 鼠标类型
 
| 事件 | 描述 | 
|---|---|
| click | 单击鼠标按钮时触发 | 
| dblclick | 当用户双击主鼠标按钮时触发 | 
| mousedown | 当用户按下鼠标还未弹起时触发 | 
| mouseup | 当用户释放鼠标按钮时触发 | 
| mouseover | 当鼠标移到某个元素上方时触发 | 
| mouseout | 当鼠标移出某个元素上方时触发 | 
| mousemove | 当鼠标指针在元素上移动时触发 | 
| mouseenter | 在鼠标光标从元素外部首次移动至元素范围内触发,不参与冒泡 | 
| mouseleave | 鼠标移出 | 
- 键盘类型
 
| 事件 | 描述 | 
|---|---|
| keydown | 当用户按下键盘上任意键时触发,如果按住不放,会重复触发 | 
| keyup | 当用户释放键盘上的键触发 | 
| keypress | 当用户按下键盘上的字符键时触发,如果按住不放,会重复触发 | 
- HTML 类型
 
| 事件 | 描述 | 
|---|---|
| load | 页面完全加载后在 window 上面触发,或当框架集加载完毕后在框架集上触发 | 
| unload | 当页面完全卸载后在 window 上面触发,或当框架集卸载后在框架集上触发 | 
| select | 当用户选择文本框(input 或 textarea)中的一个或多个字符触发 | 
| change | 当文本框(input 或 textarea)内容改变且失去焦点后触发 | 
| input | 输入 | 
| focus | 当页面或者元素获得焦点时在 window 及相关元素上面触发 | 
| blur | 当页面或元素失去焦点时在 window 及相关元素上触发 | 
| submit | 当用户点击提交按钮在<form>元素上触发 | 
| reset | 当用户点击重置按钮在<form>元素上触发 | 
| resize | 当窗口或框架的大小变化时在 window 或框架上触发 | 
| scroll | 当用户滚动带滚动条的元素时触发 |