Chrome开发者工具:如何知道点击元素时触发的事件?

7

当我在任何网站上时,如何使用Chrome开发者工具查找当我点击一个元素时调用的JS函数?

例如,我正在访问一个包含DIV元素的网站。当我点击这个DIV时,它将执行一些操作。我想知道执行这些操作的JS函数是什么,以便能够在控制台中自动调用此JS函数,而不需要手动单击DIV。

谢谢!


1
可能是重复的问题,参考如何使用开发者工具在Chrome中查找按钮/元素运行的代码 - isherwood
1个回答

5

在“事件监听器”面板中,您可以查看元素的所有事件监听器。如果您展开“click”事件部分,您将看到哪些脚本正在运行。

一旦您找到可能的脚本,请展开其对象以查看函数名称(当然,匿名函数除外)和其他属性。


这将展示给我JS文件的名称。有没有更简单的方法知道所调用的函数,以便我可以直接从控制台调用它? - delphirules
问题是我正在监视的网页非常庞大,而且JS文件也很大。是否有类似于“JavaScript函数日志”的东西,可以查看所有调用的函数? - delphirules
在“事件监听器”窗格中,右键单击“handler”属性值,然后在弹出菜单中选择“显示函数定义”。 - Alexander Pavlov

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接