title: console log event object shows different object properties than it should have
body: <p>With below code I noticed that in the browser console when I log the event, the value for <code>currentTarget</code> logs null. However when I log <code>e.currentTarget</code> it logs a value. Any idea's on how that works?</p>
  
  <pre><code>var button = document.getElementById("btn");
  
  var eventButtonHandler = function(e) {
    var button = e.target;
    console.log(e); // logs MouseEvent object with currentTarget:null
    console.log(e.currentTarget); // logs a value
    if(!button.classList.contains("active"))
      button.classList.add("active");
    else
      button.classList.remove("active");
  };
  
  button.addEventListener("click", eventButtonHandler);
  </code></pre>
  
  <p>A jsbin can be found here: <a href="http://jsbin.com/xatixa/2/watch?html,js,output" rel="nofollow noreferrer">http://jsbin.com/xatixa/2/watch?html,js,output</a></p>