(一) 事件常见类型

onchange HTML 元素改变
onclick 用户点击 HTML 元素
onmouseover 用户在一个 HTML 元素上移动鼠标
onmouseout 用户从一个 HTML 元素上移开鼠标
onkeydown 用户按下键盘按键
onkeyup 用户松开键盘按键
onload 浏览器已完成页面的加载
oninput 键盘输入事件
touchStart 触摸开始
touchMove 滑动
touchEnd 触摸结束

(二)更多事件类型

  1. https://www.runoob.com/jsref/dom-obj-event.html


(三)事件对象

  1. event 对象: 每个事件被触发时,都会产生一个event对象
  2. target 和 currentTarget
    • target表示被触发的元素(比如: 点击事件就是被点击的元素)
    • currentTarget是事件绑定的元素

(四)事件冒泡和时间捕捉

  1. 事件流(事件的传播)
    1. 事件捕获阶段
    2. 目标阶段
    3. 事件冒泡阶段
  2. 事件冒泡应用: 事件委托(托管)
  3. 改造计算器