使用高效的事件处理

35 条前端性能优化军规 /

有时候感觉页面反映不够灵敏，是因为有太多频繁执行的事件处理器被添加到了 DOM 树的不同元素上，这就是推荐使用事件委托的原因。

如果一个 div 里面有 10 个按钮，应该只给 div 容器添加一个事件处理器，而不是给每个按钮都添加一个。事件能够冒泡，所以可以捕获事件并得知哪个按钮是事件源。

另外，你不必等到 onload 事件来开始处理 DOM 树，DOMContentLoaded 更快。大多时候你需要的只是想访问的元素已在 DOM 树中，所以你不必等到所有图片被下载。

本文章首发在 LearnKu.com 网站上。

站长 11.3k 声望

维护者 @ LearnKu.com

保持好奇，求知若饥，终身编程

讨论数量: 0

发起讨论查看所有版本

暂无话题~