Javascript 客户端浏览器调试器:如何查看元素上当前注册的处理程序列表?

Javascript 客户端浏览器调试器:如何查看元素上当前注册的处理程序列表?,javascript,browser,client-side,Javascript,Browser,Client Side,学习现有网站的客户端代码,想了解一些完全在客户端进行的活动 想知道当我点击一个特定元素时调用了什么JS处理程序吗。有没有办法在某种调试器中查看此信息 我正在使用Firefox和Firebug,或者Chrome,如果我正确地阅读了您的问题,您可以使用Chrome开发者工具来完成您想要的工作(如果我没有阅读,请道歉)。在Chrome中,右键单击呈现页面中的元素并选择“检查元素”。在打开的工具窗口的右侧有一个名为“属性”的部分,单击该部分将弹出一个列表。调查子类别应该向您显示哪些函数连接到哪些事件。然

学习现有网站的客户端代码,想了解一些完全在客户端进行的活动

想知道当我点击一个特定元素时调用了什么JS处理程序吗。有没有办法在某种调试器中查看此信息


我正在使用Firefox和Firebug,或者Chrome,如果我正确地阅读了您的问题,您可以使用Chrome开发者工具来完成您想要的工作(如果我没有阅读,请道歉)。在Chrome中,右键单击呈现页面中的元素并选择“检查元素”。在打开的工具窗口的右侧有一个名为“属性”的部分,单击该部分将弹出一个列表。调查子类别应该向您显示哪些函数连接到哪些事件。然后可以使用“脚本”区域(开发工具窗口顶部的选项卡)设置断点并观察脚本文件中的行为。希望有帮助

大多数网站将使用某种Javascript框架,该框架使用自己的事件管理系统,这使得firebug或chrome dev工具的DOM检查工具毫无用处

幸运的是,利用这些框架的事件系统并不太困难。还有一个,它是Firebug的扩展,与Firebug的DOM检查器集成得非常好,但它只适用于jQuery。对于其他框架,还有

请参见