如何找到Element具有的onChange函数?

我有一个页面加载了很多JavaScript文件。 在文件的某处,onchange处理程序被添加到输入字段A.

当一个值被添加到输入字段A中时,输入字段B将自动填入另一个值(取决于A的值)。

文件的绝对数量和输入字段的名称(’code’,’key’)使得很难使用grep来查找定义onchange的位置。

我试过用过

  • 歌剧蜻蜓
  • Firefox Firebug
  • 谷歌Chrome开发者工具

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

有人有个主意吗?

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

Chrome内置了开发人员工具,可让您检查元素并查看附加到其上的任何事件侦听器。

Google Chrome开发人员工具确实令人惊叹。 http://code.google.com/chrome/devtools/docs/elements.html

当特定HTML元素具有属性更改时,可以使用Firebug设置断点:

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

你可以尝试选择你所描述的第二个元素(填写完成)并查看它是否适合你。

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

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