如何找到元素具有的 onChange 函数？

Question

我有一个加载大量 JavaScript 文件的页面。 在文件中的某个地方，一个 onchange 处理程序被添加到输入字段 A 中。

当一个值添加到输入字段 A 时，输入字段 B 会自动填充另一个值（取决于 A 的值）。

绝对数量的文件和输入字段的名称（'code'、'key'）使得使用 grep 很难找到定义 onchange 的位置。

我试过使用

• 歌剧蜻蜓
• 火狐萤火虫
• 谷歌浏览器开发者工具

但我似乎无法找到如何让他们告诉我在哪里可以找到被调用的 onchange 函数。

有人有想法吗？

Answer 1

Chrome 内置了开发人员工具，允许您检查元素并查看附加到它的任何事件侦听器。

谷歌浏览器开发者工具真的很棒。 http://code.google.com/chrome/devtools/docs/elements.html

Answer 2

您可以在 firefox https://addons.mozilla.org/en-us/firefox/addon/firequery/ 中使用 firequery 在 firebug DOM 检查器中看到 jquery 表达式

Answer 3

我遇到了同样的问题，我使用了 Google Chrome 的开发工具，它有所帮助。 请按照以下步骤操作：

1. 选择事件监听断点

2. 选择控制复选框

3. 选择onChange这将暂停代码中的onChange函数

Answer 4

当特定 HTML 元素的属性发生更改时，您可以使用 Firebug 设置断点：

http://getfirebug.com/doc/breakpoints/demo.html#html

您可以尝试选择您描述的第二个元素（已填充），看看它是否适合您。

Answer 5

Visual Events 允许您在不编辑代码的情况下检查绑定事件：

http://www.sprymedia.co.uk/article/Visual+Event