如何在html页面中知道按钮的事件处理程序?

时间:2011-07-21 04:54:24

标签: javascript firebug

  

可能重复:
  How to debug Javascript/jQuery event bindings with FireBug (or similar tool)
  How to inspect an element's associated event handlers?

有时,我使用firebug来检查页面中的按钮,我发现没有onclick功能。但实际上它确实有一个事件处理程序。我认为它使用“bind”方法来附加事件处理程序。

现在,我的问题是如何使用某些工具,我可以轻松找到事件处理程序?

2 个答案:

答案 0 :(得分:1)

在Google Chrome中,它非常简单。在那里,您可以设置调试器,以便在触发click事件时停止执行:

enter image description here

答案 1 :(得分:0)

我有一个技巧可以帮助您找到单击按钮时触发的内容:

  • 使用chrome(在safari中可能有类似的选项,甚至在firefox中使用firebug但我不知道)
  • 打开要检查的页面(显然是:))并检查页面中的任何内容(右键单击,检查此元素)
  • 转到脚本标签
  • 并单击暂停按钮(在右窗格中),然后单击按钮
  • 现在代码被打破了触发js的位置(然后您可以按照流程调试代码)