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?

> ###Similar to: http://stackoverflow.com/questions/570960/how-to-debug-javascript-jquery-event-bindings-with-firebug-or-similar-tool — Ramesh Soni
– Ramesh Soni, Commented Oct 21, 2009 at 7:54
This is what I use: java2s.com/Code/JavaScript/Event-onMethod/… — Devin Rhode
– Devin Rhode, Commented Nov 15, 2011 at 19:39

meeech · Accepted Answer · 2020-09-27 02:25:27Z

62

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

edited Sep 27, 2020 at 2:25

answered Mar 9, 2011 at 6:08

meeech

1,39713 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

hipkiss Over a year ago

This is out of date Please see this: Events

stevec Over a year ago

meeech please consider updating the link if you agree with @hipkiss

Simone · Accepted Answer · 2013-08-08 08:24:58Z

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.

Simone · Accepted Answer · 2015-06-09 09:37:04Z

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

jerjer · Accepted Answer · 2009-10-21 07:20:45Z

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?

ckhatton · Accepted Answer · 2023-03-03 12:40:48Z

A simpler version of @simone's answer:

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

Collectives™ on Stack Overflow

How to trace or debug all available javascript events

5 Answers 5

2 Comments

Comments

1 Comment

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

1 Comment

Comments

Comments

Linked

Related