一、JS Web API-事件

• 相关题目

  • 编写一个通用的事件监听函数
  • 描述函数冒泡的流程
  • 无限下拉的图片列表，如何监听每个图片的点击?

• 知识点

  • 事件绑定
  • 事件冒泡
  • 事件代理

1. 事件绑定

2. 事件冒泡

3. 事件代理

• 代码简洁
• 减少浏览器内存占用
• 但是，不要滥用

4. 题目

• 编写一个通用的事件监听函数

• 描述函数冒泡的流程

  • 基于DOM树形结构
  • 事件会顺着触发元素往上冒泡
  • 应用场景：代理

• 无限下拉图片列表，如何监听每个图片的点击

  • 事件代理。
  • 用e.target获取触发元素。
  • 用matches来判断是否是触发元素。