diff --git a/2-ui/2-events/02-bubbling-and-capturing/article.md b/2-ui/2-events/02-bubbling-and-capturing/article.md index ef9d72b393..bdee065251 100644 --- a/2-ui/2-events/02-bubbling-and-capturing/article.md +++ b/2-ui/2-events/02-bubbling-and-capturing/article.md @@ -1,8 +1,8 @@ # 冒泡和捕获 -我们先看一个示例。 +让我们从一个示例开始。 -这个处理器被分配给 `
` 这样的嵌套标签也是可以运行的:
+处理程序(handler)被分配给了 ``,但是如果你点击任何嵌套的标签(例如 `` 或 ``),该处理程序也会运行:
```html autorun height=60
@@ -10,15 +10,15 @@
```
-这很奇怪不是么?为什么实际上是单击 ``,而 `` 上的处理器会运行?
+这是不是有点奇怪?如果实际上点击的是 ``,为什么在 `` 上的处理程序会运行?
## 冒泡
-冒泡原理很简单。
+冒泡(bubbling)原理很简单。
-**当事件发生在元素上,它首先会运行元素本身的处理器,然后运行父元素上的,再然后是其他祖先上的**。
+**当一个事件发生在一个元素上,它会首先运行在该元素上的处理程序,然后运行其父元素上的处理程序,然后一直向上到其他祖先上的处理程序。**
-比如我们有 3 层嵌套 `FORM > DIV > P`,它们都各自拥有一个处理器:
+假设我们有 3 层嵌套 `FORM > DIV > P`,它们各自拥有一个处理程序:
```html run autorun