How to trace or debug all available javascript events

Question

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 and onchange.

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?

This is what I use: http://www.java2s.com/Code/JavaScript/Event-onMethod/CatalogEvent-onMethod.htm — Devin Rhode, Nov 15 '11 at 19:39
> ###Similar to: [http://stackoverflow.com/questions/570960/how-to-debug-javascript-jquery-event-bindings-with-firebug-or-similar-tool](http://stackoverflow.com/questions/570960/how-to-debug-javascript-jquery-event-bindings-with-firebug-or-similar-tool) — Ramesh Soni, Oct 21 '09 at 07:54

meeech · Accepted Answer · 2020-09-27T02:25:27.457

62

Here is a list of Javascript events: https://developer.mozilla.org/en-US/docs/Web/Events

edited Sep 27 '20 at 02:25

answered Mar 09 '11 at 06:08

meeech

1,396
13
21

3

This is out of date Please see this: [Events](https://developer.mozilla.org/en-US/docs/Web/Events) – hipkiss Aug 04 '16 at 14:04
1

meeech please consider updating the link if you agree with @hipkiss – stevec Sep 25 '20 at 14:33

score 34 · Answer 2 · answered Aug 08 '13 at 08:24

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.

score 15 · Answer 3 · edited Jun 09 '15 at 09:37

15

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

edited Jun 09 '15 at 09:37

Simone

20,302
14
79
103

answered Jan 23 '13 at 15:02

joeyhoer

3,587
1
19
23

True, this list is more up-to-date. – darma Jul 24 '13 at 13:50

score 3 · Answer 4 · answered Oct 21 '09 at 07:20

3

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?

answered Oct 21 '09 at 07:20

jerjer

8,694
30
36

score 1 · Answer 5 · answered Mar 03 '23 at 12:40

1

A simpler version of @simone's answer:

for (var event in window) {
  if (/^on/.test(event)) { 
    console.log(event);
  }
}

answered Mar 03 '23 at 12:40

ckhatton

1,359
1
14
43

How to trace or debug all available javascript events

5 Answers5

Linked

Related