Javascript Code All Elements Event Handler

Simplified Javascript Event Handler to Handle All Elements on a Web Page

The following code allows you to handle an event for all elements on a web page. You can then target code based upon each elements id or some other attribute

// [click] can be changed to any event // [evt.target.className] can be changed to [evt.target.id], etc // [evt.target.id] can be changed to [evt.target.className] document.body.addEventListener('click', function (evt) { if(evt.target.className === "exampleClass1"){ switch (evt.target.id){ case "example1": // code goes here break; case "example2": // code goes here break; } else if(evt.target.className === "exampleClass2"){ switch (evt.target.id){ case "example1": // code goes here break; case "example2": // code goes here break; } } }, false);