getEventListeners()是Chrome/Edge控制台专用API，用于查看指定DOM元素通过addEventListener绑定的事件监听器；返回按事件类型分组的对象，含listener、useCapture、once、passive等字段，不支持内联事件或属性绑定。
在浏览器开发者工具控制台中，getEventListeners() 是一个内置的 CommandLine API 方法，可以直接查看指定 DOM 元素上绑定的所有事件监听器（包括通过 addEventListener 添加的），但**它只能在控制台环境中使用，不能在普通 JavaScript 脚本中调用**。
确保在正确的上下文中执行
该方法依赖 DevTools 的调试环境，必须在 Chrome 或 Edge 的控制台（Console 面板）中运行。如果页面中存在多个同名变量或作用域污染，建议先确认目标元素已正确选中：
- 可用
$0获取当前在 Elements 面板中高亮选中的元素 - 也可用
document.querySelector('button')等方式获取元素并赋值给变量，例如：const btn = document.querySelector('#myBtn'); - 然后执行
getEventListeners(btn)
理解返回结果的结构
返回值是一个对象，键为事件类型（如 "click"、"input"），每个键对应的值是监听器数组，数组中每个对象包含以下关键字段：
- listener：实际绑定的函数（可点击展开查看源码）
-
useCapture：是否在捕获阶段触发（
true或false） -
once：是否为一次性监听器（
true表示触发后自动移除） - passive：是否标记为 passive（影响滚动等默认行为）
常见使用场景和技巧
当你怀疑某个按钮点击没响应，或想确认第三方库是否绑定了事件时，这个 API 很实用：
- 检查事件是否被重复绑定：
getEventListeners($0).click.length > 1 - 快速定位监听器来源：展开
listener字段，能看到函数定义位置（如utils.js:42） - 结合
debug()进一步调试：例如debug(getEventListeners($0).click[0].listener)可在触发时断点
注意事项和限制
该 API 有明确限制，需留意：
- 只返回通过
addEventListener添加的监听器，不包括内联事件（如onclick="..."）或element.onclick = fn这类属性式绑定 - 无法看到已被移除的监听器，也无法看到跨 iframe 或 Shadow DOM 深层内部的监听器（除非目标元素本身在当前上下文）
- 在 Firefox 中不可用（Firefox 使用
inspect(eventTarget)并在右侧 Events 标签页查看）
