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

时间:2011-05-18 13:06:37

标签: javascript jquery debugging

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

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

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

我尝试过使用

  • Opera Dragonfly
  • Firefox Firebug
  • Google Chrome开发者工具

但我似乎无法找到如何让他们向我展示我可以在哪里找到被称为的onchange函数

有人有个主意吗?

5 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:1)

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

答案 2 :(得分:0)

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

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

您可以尝试选择您所描述的第二个元素(已填写),看看它是否适合您。

答案 3 :(得分:0)

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

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

答案 4 :(得分:0)

我遇到了同样的问题,我使用了谷歌浏览器的开发工具,它提供了帮助。请按照以下步骤操作:

  1. 选择事件侦听器断点

  2. 选择控件复选框

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