Chrome 开发工具：如何查看 HTML 元素的附加事件侦听器
Chrome dev tools: How to see attached event listeners for an HTML element
我正在从在 Firefox 中调试 JS 切换到 Chrome。
我缺少的一件事是：
在 Firefox 中，我可以在 HTML 看到“[event]”中看到附加了一个自定义事件处理程序。
我觉得这个预览非常好用。
在 chrome 中，我需要明确搜索事件处理程序。
是否也有办法在 chrome 中启用此功能（请参阅树中的事件处理程序）？
您正在寻找的功能在 google chrome 开发工具
中可用
我已经采取了，堆栈溢出页面本身的工作链接，它有一个点击事件处理程序，查看事件处理程序，select右侧部分的事件监听器选项卡（以红色突出显示）在那里有可能被>>隐藏，点击展开，
如果选中了祖先复选框，请取消选中此复选框，然后您将清楚地了解哪个事件（例如单击）、哪个元素（例如锚标记）以及哪个文件的右侧有行号, 单击它导航到那里。
希望这就是您要找的。
它在 chrome 中可用，您可以在开发者选项中找到它，按
(CTRL+SHIFT+I) 或 F12
然后如果开发人员选项处于全屏模式，您会在右上角找到名为 "Event Listener" 的选项卡，否则您会在右下角找到它。
如果您找不到，只需找到 >> 符号并单击它和 select 事件监听器。
这是事件侦听器选项卡的图像。
我想你可以使用 getEventListners($0) api of chrome 它给出了事件监听器特定选定元素的。
getEventListners([=10=]) where [=10=] - The selected element in the DOM.
可以通过单击 Esc 键 将控制台抽屉添加到“元素”选项卡，它将切换控制台 drawer.Then 在控制台中你可以写 getEventListners($0) 如图所示。
由于这是我的第一个答案，目前没有那么高的知名度，所以不允许我直接将图片添加到答案中，对此我感到非常抱歉。请看图：
Inspecting google from my chrome browser.
我正在从在 Firefox 中调试 JS 切换到 Chrome。
我缺少的一件事是：
在 Firefox 中，我可以在 HTML 看到“[event]”中看到附加了一个自定义事件处理程序。
我觉得这个预览非常好用。
在 chrome 中，我需要明确搜索事件处理程序。
是否也有办法在 chrome 中启用此功能（请参阅树中的事件处理程序）？
您正在寻找的功能在 google chrome 开发工具
中可用我已经采取了，堆栈溢出页面本身的工作链接，它有一个点击事件处理程序，查看事件处理程序，select右侧部分的事件监听器选项卡（以红色突出显示）在那里有可能被>>隐藏，点击展开，
如果选中了祖先复选框，请取消选中此复选框，然后您将清楚地了解哪个事件（例如单击）、哪个元素（例如锚标记）以及哪个文件的右侧有行号, 单击它导航到那里。
希望这就是您要找的。
它在 chrome 中可用，您可以在开发者选项中找到它，按
(CTRL+SHIFT+I) 或 F12
然后如果开发人员选项处于全屏模式，您会在右上角找到名为 "Event Listener" 的选项卡，否则您会在右下角找到它。
如果您找不到，只需找到 >> 符号并单击它和 select 事件监听器。
这是事件侦听器选项卡的图像。
我想你可以使用 getEventListners($0) api of chrome 它给出了事件监听器特定选定元素的。
getEventListners([=10=]) where [=10=] - The selected element in the DOM.
可以通过单击 Esc 键 将控制台抽屉添加到“元素”选项卡，它将切换控制台 drawer.Then 在控制台中你可以写 getEventListners($0) 如图所示。
由于这是我的第一个答案，目前没有那么高的知名度，所以不允许我直接将图片添加到答案中，对此我感到非常抱歉。请看图：
Inspecting google from my chrome browser.