How can I find that the onChange function has an element?

Question

I have a page that loads a lot of JavaScript files. Somewhere in the files, the onchange handler is added to the input field A.

When a value is added to input field A, input field B is automatically populated with a different value (depending on the value of A).

An exceptional number of files and input field names ('code', 'key') make it difficult to use grep to determine where onchange is defined.

I tried using

• Opera dragonfly
• Firefox firebug
• Google Chrome Developer Tools

but I cannot figure out how to get them to show me where I can find the onchange function called .

Anyone got an idea?

Answer 1

jquery DOM Firebug firequery firefox https://addons.mozilla.org/en-us/firefox/addon/firequery/

Answer 2

Firebug , HTML :

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

, ( ), , .

Answer 3

Visual Events :

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

Answer 4

Chrome , .

Google Chrome developer tools are really awesome. http://code.google.com/chrome/devtools/docs/elements.html