(一) 事件常见类型
onchange | HTML 元素改变 |
---|---|
onclick | 用户点击 HTML 元素 |
onmouseover | 用户在一个 HTML 元素上移动鼠标 |
onmouseout | 用户从一个 HTML 元素上移开鼠标 |
onkeydown | 用户按下键盘按键 |
onkeyup | 用户松开键盘按键 |
onload | 浏览器已完成页面的加载 |
oninput | 键盘输入事件 |
touchStart | 触摸开始 |
touchMove | 滑动 |
touchEnd | 触摸结束 |
(二)更多事件类型
https://www.runoob.com/jsref/dom-obj-event.html
(三)事件对象
- event 对象: 每个事件被触发时,都会产生一个event对象
- target 和 currentTarget
- target表示被触发的元素(比如: 点击事件就是被点击的元素)
- currentTarget是事件绑定的元素
(四)事件冒泡和时间捕捉
- 事件流(事件的传播)
- 事件捕获阶段
- 目标阶段
- 事件冒泡阶段
- 事件冒泡应用: 事件委托(托管)
- 改造计算器