无法了解按钮点击事件是如何连接的

时间：2015-06-11 01:52:10

标签： debugging firebug google-chrome-devtools

我有一个通过Ajax发回的按钮。我试图找出单击按钮时执行的代码。我使用Visual Event（下面的屏幕截图）来查看事件是如何绑定的，但信息对我没有帮助。然后我在Chrome中点击鼠标设置一个事件监听器断点。断点击中主jQuery文件中的代码，这也没有用。所以我将文件黑盒子。现在，当我单击按钮时，没有命中断点。

找到执行用户代码的系统方法是什么？我还搜索过＆＃39; live＆＃39;并点击＆＃39;作为整个应用程序的文本。这很耗时，并且没有找到按钮的点击事件附加的位置。这样的搜索真的很痛苦。我想知道使用Chrome调试器或其他工具的高效技术。 （另一个浏览器的提示是可以的）

enter image description here

2 个答案:

答案 0 :(得分：1)

您是否尝试过Chrome分析器？

  1. 启动Chrome DevTools（ F12 ）
  2. 转到配置文件面板
  3. 确保选中收集JavaScript CPU配置文件
  4. 点击开始
  5. 执行您的操作
  6. 点击停止。

    7. 然后你应该看到一个被调用的函数列表。

答案 1 :(得分：0)

有几种可能的方法。一个是由用户表达的。另一种方法是使用DevTools＆＃39;调试器。

  1. 打开Chrome DevTools（ F12 ）
  2. 切换到来源面板
  3. 点击暂停按钮（Pause script execution button）或点击 F8
  4. 执行您的操作

    5. =＆GT;脚本执行将在jQuery中的事件处理函数的第一行停止。然后，您可以单步执行实际的事件处理功能。

    请注意，在Firebug中，这更容易，因为它的Events side panel已经显示了包装的侦听器，即jQuery事件侦听器调用的函数：

    Wrapped event listeners within Firebug's *Events* side panel

相关问题
最新问题