title: Single Event Handler for all events javascript/jQuery
body: <p>I know I can have one handler handle multiple events using jQuery like:</p>
  
  <pre><code>$('#myID').bind('blur mousedown mouseup focus', function (e) {}
  </code></pre>
  
  <p>Also, I can register an event from all elements using jQuery like:</p>
  
  <pre><code>$(document).on("click", "*", function(event) {
      console.log("Click");
  });
  </code></pre>
  
  <p>I have two questions:</p>
  
  <ol>
  <li><p>How do I register a single listener for multiple events in pure javascript?</p></li>
  <li><p>Is there any way to have a single handler for all events in a document using JS or jQuery, like a master handler which will delegate the events to my other handlers? </p></li>
  </ol>
  
  <p>I am looking at something like this:</p>
  
  <pre><code>$(document).on("*", "*", function(event) {
      console.log("I am the master handler...");
      // call delegates
  });
  </code></pre>