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

Question

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

例如，我在一个有DIV元素的网站上。当我点击这个DIV时，它会做一些动作。我想知道JS函数执行这些操作是什么，所以我能够在控制台中以编程方式调用此JS函数，而无需手动单击DIV。

谢谢！

Answer 1

元素的所有事件侦听器都显示在“事件侦听器”面板中。如果您展开了“点击”按钮。事件部分，您将看到正在播放的剧本。

找到可能的脚本后，展开其对象以查看函数名称（当然，对于匿名函数除外）和其他属性。