HTML / JS：如何跟踪事件处理程序和相应的文件

Question

我需要跟踪与HTML DOM元素的每个事件相关联的每个事件处理程序，例如.section .data .section .text .globl _start _start: pushl $50 pushl $20 movl %esp,%ebp movl $8,%edx movl %edx(%ebp),%ebx ## Supposed to be return value at system termination // PROBLEM HERE movl $1,%eax ## System call int $0x80 # Terminate program 或Button等浏览器中的Chrome。我还想知道哪个文件包含Firefox。

我在event-handler function框架和Rails工作。我有很多jQuery个文件需要管理。当客户端的某些东西出错时找到JS非常麻烦。

有人可以在这方面帮助我吗？

Answer 1

您可以使用Chrome开发工具查找添加到任何元素的事件侦听器，如下所示。

1. 右键单击要检查的元素（例如某个按钮）
2. 在上下文菜单中选择“检查元素”
3. 选择“事件监听器”选项卡（在屏幕截图中显示为1）
4. 要过滤仅绑定到所选元素的侦听器，请将过滤器设置为“仅选定节点”（在屏幕截图中显示为2）
5. 单击列表右列中显示的链接以获取侦听器源代码。 （截图中显示为3）

另请参阅：https://developer.chrome.com/devtools/docs/dom-and-styles#viewing-element-event-listeners