How to trace or debug all available javascript events
Solution 1
Here is a list of Javascript events: https://developer.mozilla.org/en-US/docs/Web/Events
Solution 2
Here's a simple script to log all available events in the browser's console:
var ev = '',
out = [];
for (ev in window) {
if (/^on/.test(ev)) {
out[out.length] = ev;
}
}
console.log(out.join(', '));
Of course you'll get only the events of the browser you're currently using.
Solution 3
This is my favorite reference, it is updated more frequently than some of the other posts: https://developer.mozilla.org/en-US/docs/Mozilla_event_reference?redirectlocale=en-US&redirectslug=DOM%2FDOM_event_reference
Solution 4
You can use FireBug Profiling Tool on FF and Web Developer Tool on IE8 or Developer Tools on WebKit
EDIT:
Just curious though, what do want to do with those events?
Related videos on Youtube
Comments
-
Daniel Kreiseder over 3 years
How can I trace all Javascript events of a web page?
Is there a possibility to trace all events, even such without a handler attached?
Is there any tool out there, that can do this?
Clarification:
For example:
For a text input I can add an event handler for
onblur
andonchange
.If I (in the browser) change the value of the textfield and leave it, both eventhandlers are executed. Now I would like to know which other events I "have missed" (the ones which would have been executed if there was an eventhandler attached).
Clarification2:
Can I get a list(on a given element) of all possible events I can attach an eventhandler?
-
Ramesh Soni over 14 years
-
Devin Rhode over 12 yearsThis is what I use: java2s.com/Code/JavaScript/Event-onMethod/…
-
-
darma almost 11 yearsTrue, this list is more up-to-date.
-
hipkiss almost 8 yearsThis is out of date Please see this: Events
-
stevec over 3 yearsmeeech please consider updating the link if you agree with @hipkiss