Listen for all events in JavaScript

Question

I'm trying to figure out how to listen for all events on a JavaScript object.

I know that I can add individual events with something like this

element.addEventListener("click", myFunction); element.addEventListener("mouseover", myFunction); ... 

I'm trying to figure out if there is a catch-all, I'd like to do something like this:

// Begin pseudocode var myObj = document.getElementById('someID');  myObj.addEventListener(/*catch all*/, myFunction);  function myFunction() {   alert(/*event name*/); } // End pseudocode 

Answer 1

A more modern rewrite of @roman-bekkiev's answer:

Object.keys(window).forEach(key => {     if (/^on/.test(key)) {         window.addEventListener(key.slice(2), event => {             console.log(event);         });     } }); 

Note that you can further customize what you want to catch, for example:

/^on(key|mouse)/.test(key)

Answer 2

To pick up standard element's events.

var myObj = document.getElementById('someID'); for(var key in myObj){     if(key.search('on') === 0) {        myObj.addEventListener(key.slice(2), myFunction)     } } 

But as @jeremywoertink mentioned any other events are also possible.