掌握JavaScript中常见的事件冒泡机制

JavaScript中常见的冒泡事件：掌握常用事件的冒泡特性，需要具体代码示例

引言：
在JavaScript中，事件冒泡是指事件会从嵌套层次最深的元素开始向外层元素传播，直到传播到最外层的父级元素。了解并掌握常见的冒泡事件，可以帮助我们更好地处理用户交互和事件处理。本文将介绍一些常见的冒泡事件，并提供具体的代码示例来帮助读者更好地理解。

一、点击事件（click）：

点击事件是最常见的一种冒泡事件。当用户在页面上点击某个元素时，该元素上的点击事件会被触发，然后逐级向外层元素传播，直到触发最外层的父级元素点击事件。

HTML示例代码：

<div id="outer">
  <div id="inner">
    <button id="btn">点击我</button>
  </div>
</div>