浏览器事件
=> load
=> resize
=> scroll
鼠标事件:
=> over 和 out 一套, 当你移入后代元素的时候, 一样会触发
=> enter 和 leave 一套, 当你移入后代元素的时候, 不会触发
1. click: 鼠标左键单击
2. dblclick: 鼠标左键双击
3. contextmenu: 鼠标右键单击
4. mousedown: 鼠标按下(任何一个按键按下都会触发)
5. mouseup: 鼠标抬起
6. mousemove: 鼠标移动
7. mouseover: 鼠标移入
8. mouseout: 鼠标移出
9. mouseenter: 鼠标移入
10. mouseleave: 鼠标移出
表单事件:
=> form / input / textarea / select / ...
1. focus: 表单聚焦
2. blur: 表单失焦
3. change: 表单改变
=> 在失焦的时候判断, 如果和聚焦的时候不一样, 就会触发
4. input: 表单输入
=> 只要你在表单内输入内容或者删除内容都会触发
=> 随着你的操作, 只要文本内容改变了就会触发
5. reset: 表单重置事件
=> 事件需要绑定在 form 标签身上
=> 当你点击 reset 按钮的时候, 会触发 form 的表单重置行为, 此时触发事件
6. submit: 表单提交事件
=> 事件需要绑定在 form 标签身上
=> 当你点击 submit 按钮的时候, 会触发 form 的表单提交行为, 此时触发事件
触摸事件
+ 依赖触摸行为发生的事件
+ 注意: 触控板不算, 一定是直接可页面元素发生触摸行为
1. touchstart: 触摸开始
=> 当你的手指接触到屏幕的瞬间
2. touchmove: 触摸移动
=> 当你的手指在屏幕上移动
3. touchend: 触摸结束
=> 当你的手指离开屏幕的瞬间
其他事件
1. selectstart
+ 当你开始需要选中文本的时候触发
2. transitionend
+ 过渡结束的时候触发
+ 过渡多少个属性, 就触发多少回
=> selectstart
=> transitionend
=> transitionstart
=> animationend
=> animationstart
原文:https://www.cnblogs.com/shell1210/p/14951738.html