将断点设置为html元素？

Question

例如我有按钮元素，click事件附加到XXX.js文件中的id（我不知道文件名），我有很多.js文件。我想调试按钮单击，但如果我不知道按钮单击功能在哪里，我怎么能找出设置断点的位置？有没有办法在元素上设置断点（我使用的是firebug，如果在firebug上是不可能的，可以使用任何其他附加组件请告诉）

我正在使用EXT sencha添加事件处理程序

Answer 1

使用addEventListener处理的事件：

使用浏览器的开发人员工具，您经常可以检查元素以查看绑定到哪些事件以及从哪个源文件绑定。例如，以下示例显示绑定到我的button元素的click事件：

使用jQuery $.fn.on处理的事件：

如果使用jQuery的$.fn.on方法绑定处理程序，则可以查看其内部$._data集合，以确定处理哪些元素的事件：

Answer 2

我会查看这个插件。这将帮助您找到绑定事件所在的文件/位置。然后你可以从那里调试。 http://www.sprymedia.co.uk/article/Visual+Event+2

Answer 3

如果您想通过监听器了解js文件，请使用Chrome开发工具，Inspect Element＆gt;在事件监听器上，您将找到附加的侦听器和文件，甚至在单击时突出显示代码。我不知道这个功能是否也在firebug中

Answer 4

Chrome开发工具提供了一个事件监听器，可以显示元素和附加的Js-Events。不太确定它是否可以帮助您解决具体问题。

Answer 5

Firebug实现getEventListeners命令，该命令返回节点的每个事件的每个事件侦听器：

http://www.softwareishard.com/blog/planet-mozilla/firebug-tip-geteventlisteners-command/

还有EventBug扩展，它提供了一个UI：

https://getfirebug.com/wiki/index.php/Firebug_Extensions#Eventbug