Skip to content

Commit 5d7484c

Browse files
committed
docs(event/eventTarget): fixed wangdoc#231
1 parent 3d8337c commit 5d7484c

File tree

1 file changed

+15
-7
lines changed

1 file changed

+15
-7
lines changed

docs/events/eventtarget.md

Lines changed: 15 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -8,25 +8,33 @@ DOM 的事件操作(监听和触发),都定义在`EventTarget`接口。所
88

99
该接口主要提供三个实例方法。
1010

11-
- `addEventListener`:绑定事件的监听函数
12-
- `removeEventListener`:移除事件的监听函数
13-
- `dispatchEvent`:触发事件
11+
- `addEventListener()`:绑定事件的监听函数
12+
- `removeEventListener()`:移除事件的监听函数
13+
- `dispatchEvent()`:触发事件
1414

1515
## EventTarget.addEventListener()
1616

17-
`EventTarget.addEventListener()`用于在当前节点或对象上,定义一个特定事件的监听函数。一旦这个事件发生,就会执行监听函数。该方法没有返回值。
17+
`EventTarget.addEventListener()`用于在当前节点或对象上(即部署了 EventTarget 接口的对象),定义一个特定事件的监听函数。一旦这个事件发生,就会执行监听函数。该方法没有返回值。
1818

1919
```javascript
20+
targent.addEventListener(type, listener[, options]);
21+
// 或者
2022
target.addEventListener(type, listener[, useCapture]);
2123
```
2224

23-
该方法接受三个参数。
25+
该方法接受三个参数,前两个参数的含义如下
2426

2527
- `type`:事件名称,大小写敏感。
2628
- `listener`:监听函数。事件发生时,会调用该监听函数。
27-
- `useCapture`:布尔值,表示监听函数是否在捕获阶段(capture)触发(参见后文《事件的传播》部分),默认为`false`(监听函数只在冒泡阶段被触发)。该参数可选。
2829

29-
下面是一个例子。
30+
第三个参数有两种形式。如果是一个对象`options`,表示监听器的配置对象,用来对监听行为进行配置,有以下属性。
31+
32+
- `capture`:布尔值,如果设为`true`,表示监听函数在捕获阶段触发,默认为`false`,在冒泡阶段触发。
33+
- `once`:布尔值,如果设为`true`,表示监听函数触发后,只执行一次就会被移除。同样事件再次发生时,该监听函数将不存在。该属性默认值为`false`
34+
- `passive`:布尔值,设为`true`时,表示监听函数不会调用`preventDefault()`阻止浏览器的默认行为,如果调用这个函数,将没有任何效果,并且控制台会打印一条报错信息。这个属性默认值为`false`
35+
- `signal`:该属性的值为一个 AbortSignal 对象,为监听器设置了一个信号通道,用来在需要时发出信号,移除监听函数。
36+
37+
第三个参数如果是一个布尔值`useCapture`,则表示监听函数是否在捕获阶段(capture)触发(参见后文《事件的传播》部分)。该参数可选,默认值为`false`(监听函数只在冒泡阶段被触发)。下面是一个例子。
3038

3139
```javascript
3240
function hello() {

0 commit comments

Comments
 (0)