查看页面绑定的事件数量

最新推荐文章于 2022-11-30 10:13:38 发布

原创最新推荐文章于 2022-11-30 10:13:38 发布 · 579 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

本文介绍了如何通过JavaScript代码快速检查网页中所有DOM元素绑定的事件数量。提供的代码片段可以在浏览器控制台运行，帮助开发者优化页面性能，识别可能的事件监听器过度使用问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在做优化的时候，可能需要知道是否有太多dom元素绑定了事件。

如下代码复制到控制台运行即可查看事件绑定数量

Array.from(document.querySelectorAll('*'))
  .reduce(function(pre, dom){
    var evtObj = getEventListeners(dom)
    Object.keys(evtObj).forEach(function (evt) {
      if (typeof pre[evt] === 'undefined') {
        pre[evt] = 0
      }
      pre[evt] += evtObj[evt].length
    })
    return pre
  }, {})