Events 事件模型

最后更新：2026-09-09

DOM 事件模型：事件从目标元素冒泡到 document。事件委托是处理动态子元素的最佳方式。

分类	DOM 操作
ES 版本	ES1

📝 语法

el.addEventListener('click', fn);

编辑下方代码，点击运行，在输出面板查看结果：

运行结果：

（事件委托）

💡 提示 事件委托处理动态子元素的最佳方式。

ℹ️ info stopPropagation 阻止冒泡；preventDefault 阻止默认行为。

更多实战案例即将上线，敬请期待。

Q什么是事件冒泡？

A事件从子元素向上传播到 document。

Q什么是事件委托？

A在父元素上监听子元素事件。

QstopPropagation 和 stopImmediatePropagation 的区别？

A前者阻止冒泡；后者还阻止同元素其他监听器。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。