Skip to content

Commit f01426b

Browse files
author
Tang
committed
docs(事件): 添加 Observable Api 替代 addEventListener
- 在 Javascript 事件文档中增加了 Observable Api 的介绍 - 提供了 Observable Api 的使用示例,用于替代传统的 addEventListener 方法 - 示例包括了事件过滤和订阅机制,展示了更灵活的事件处理方式
1 parent 74fc41b commit f01426b

File tree

1 file changed

+16
-0
lines changed

1 file changed

+16
-0
lines changed

docs/TamDocs/面试笔记/面试题/Javascript篇.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -297,6 +297,22 @@ Function.prototype.myBind = function(context, ...args) {
297297
- 事件委托:冒泡 → 减少绑定 → 动态元素
298298
</template>
299299
300+
<template #expansion>
301+
302+
Observable Api(提案中),用来替代addEventListener的api。
303+
304+
```typescript
305+
//用法参考
306+
const button = document.getElementById("myButton");
307+
button.when("click")
308+
  .filter((e, index) => index % 2 === 0// 只处理偶数次点击
309+
  .subscribe({
310+
    next: (e) => console.log("Button clicked"),
311+
  });
312+
```
313+
314+
</template>
315+
300316
</AnswerBlock>
301317
302318
## 事件代理是什么?有哪些应用场景?

0 commit comments

Comments
 (0)