负你白头共老对影成孤,弃你红尘万丈自叹何苦。
事件
- 事件是文档或者浏览器窗口中发生的,特定的交互瞬间。
- 事件是用户或浏览器自身执行的某种动作,如 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 | 当用户滚动带滚动条的元素时触发 |