【发布时间】:2016-05-15 16:55:13
【问题描述】:
当我在任何网站时,我如何使用 Chrome 开发者工具来找出当我点击一个元素时调用的 JS 函数?
例如,我在一个具有 DIV 元素的网站上。当我单击此 DIV 时,它会执行一些操作。我想知道什么 JS 函数做了这些动作,所以我可以在控制台中以编程方式调用这个 JS 函数,而无需手动点击 DIV。
谢谢!
【问题讨论】:
标签: javascript google-chrome google-chrome-devtools
当我在任何网站时,我如何使用 Chrome 开发者工具来找出当我点击一个元素时调用的 JS 函数?
例如,我在一个具有 DIV 元素的网站上。当我单击此 DIV 时,它会执行一些操作。我想知道什么 JS 函数做了这些动作,所以我可以在控制台中以编程方式调用这个 JS 函数,而无需手动点击 DIV。
谢谢!
【问题讨论】:
标签: javascript google-chrome google-chrome-devtools
一个元素的所有事件侦听器都显示在“事件侦听器”面板中。如果您展开“点击”事件部分,您将看到正在播放的脚本。
找到可能的脚本后,展开其对象以查看函数名称(当然,匿名函数除外)和其他属性。
【讨论】:
Event Listeners 窗格中,右键单击handler 属性值并在弹出菜单中选择Show Function Definition。