常见的鼠标事件
mouseover和mouseenter的区别
mouseenter和mouseleave
- 不支持冒泡
- 进入子元素依然属于在该元素内，没有任何反应
mouseover和mouseout
- 支持冒泡
- 进入元素的子元素时
✓ 先调用父元素的mouseout
✓ 再调用子元素的mouseover
✓ 因为支持冒泡，所以会将mouseover传递到父元素中；
常见的键盘事件
事件的执行顺序是 onkeydown、onkeypress、onkeyup
- down事件先发生；
- press发生在文本被输入；
- up发生在文本输入完成；
我们可以通过key和code来区分按下的键：
- code：“按键代码”（"KeyA"，"ArrowLeft" 等），特定于键盘上按键的物理位置。
- key：字符（"A"，"a" 等）
常见的的表单事件
文档加载事件
DOMContentLoaded：浏览器已完全加载 HTML，并构建了 DOM 树，但像img和样式表之类的外部资源可能尚未加载完成。
load：浏览器不仅加载完成了 HTML，还加载完成了所有外部资源：图片，样式等。
