如何找到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允许您在不编辑代码的情况下检查绑定事件: