前端查看节点已绑定的 addEventListener监听事件

项目中一个节点绑定了多个监听事件 addEventListener ，由于害怕监听事件没有很好的去除，强迫症觉得万一浪费了内存多不好，想查看一下节点绑定了什么监听事件，无奈JS没有很好的方法去发现，Chrome DevTools命令行API提供了多种方式来观察和检查事件监听器

• 使用monitorEvents()监听某一类型的事件。
• 使用unmonitorEvents()停止监听。
• 使用getEventListeners()获取DOM元素的监听器。
• 使用Event Listeners Inspector(事件监听检查器)面板获取有关事件监听器的信息。

本文使用第三条就能查看了，其他API可以在最后链接 查看用法，下面开始操作：

1. F12 打开调试器 获取节点
2. 调用API getEventListeners()

下面以百度为例，获取搜索输入框的监听事件

可以看到各种监听事件以数组的形式作为保存

进入官方的文档查看 详细API