找出单击时触发的Javascript函数

找出单击时触发的Javascript函数,javascript,dom-events,Javascript,Dom Events,有没有一种方法可以通过单击某个按钮来确定触发了哪个Javascript函数 让我解释一下…… 我有一个带有大js脚本的网页(未制作)​​通过我),我必须检测由特定按钮触发的功能,我需要找到由该按钮触发的功能。使用Chrome的Web Inspector检查元素并查看事件侦听器面板 如果附加事件的代码在库中(例如,在我的示例中由Zepto),请在该行上设置一个断点,并检查调用堆栈以查看它在代码中的起源 如您所见,事件起源于我的代码,现在我知道了文件名和行号。在函数中,您可以了解它。请注意,这是

有没有一种方法可以通过单击某个按钮来确定触发了哪个Javascript函数

让我解释一下……

我有一个带有大js脚本的网页(未制作)​​通过我),我必须检测由特定按钮触发的功能,我需要找到由该按钮触发的功能。

使用Chrome的Web Inspector检查元素并查看事件侦听器面板

如果附加事件的代码在库中(例如,在我的示例中由Zepto),请在该行上设置一个断点,并检查调用堆栈以查看它在代码中的起源


如您所见,事件起源于我的代码,现在我知道了文件名和行号。

在函数中,您可以了解它。请注意,这是,但应该告诉你你在寻找什么

alert(arguments.callee);
为什么不使用stacktrace.js呢


转到上面的链接,单击Bookmarklet并将js文件加载到您想要查看的任何站点。

在Google Chrome中,打开您感兴趣的网页

右键单击要检查的图元(即按钮)。在出现的“上下文菜单”中,单击“检查”。将出现“开发人员工具”窗口

  • 单击“元素”选项卡
  • 如果尚未选中,请单击要检查的HTML元素
  • 单击“事件侦听器”选项卡。将显示完整的侦听器列表
  • 选择您感兴趣的事件侦听器。i、 e“点击”。将显示一个调用堆栈
  • 单击调用堆栈中的最后一项。这将最终将您重定向到事件触发时执行的实际函数

  • 您安装了firebug吗?您可以在所有函数和代码步骤上放置断点,并计算出发生了什么