1.3 文档事件
load 文档加载完毕,监听到window上或者body元素
DOMContentLoaded 文档加载完毕
load 事件和 DOMContentLoaded 事件的区别:
- load 事件需等到页面中所有的一切(包括外部文件)加载完毕才能触发; DOMContentLoaded 事件只要页面中的元素加载完毕(不包括外部文件)就可以触发。
- DOMCOntentLoaded 只能使用 addEventListener 方法监听。
1.4 表单事件
submit 表单提交的时候触发,只能监听给form元素
reset 表单重置的时候触发,只能监听给form元素
blur 失去焦点事件,监听给表单控件元素(input、textarea 等)
focus 获取焦点事件,监听给表单控件元素(input、textarea 等)
select 输入框中文字被选中触发事件,监听给输入类表单控件
change 如果监听到输入框元素上,触发事件需两个条件:① 输入内容改变 ② 失去焦点
1.5 图片事件
load 图片文件加载完毕
error 图片加载失败
1.6 其他事件
scroll 内容滚动, 监听给window或者内容能够滚动的元素(内容溢出且overflow不是visible)
resize 视口大小发生变化,监听给window
1.7 动画和过渡事件
animationstart 动画开始
animationiteration 动画没执行一次就触发一次
animationend 动画结束
transitionrun 过渡运行,在过渡延迟之前就触发
transitionstart 过渡开始,在过渡延迟之后触发
transitionend 过渡时间