При регистрации объекта события currentTarget имеет значение null, но при регистрации события event.currentTarget регистрирует значение. Почему это?

С приведенным ниже кодом я заметил, что в консоли браузера, когда я регистрирую событие, значение currentTarget регистрирует нуль. Однако, когда я регистрирую e.currentTarget, он регистрирует значение. Любая идея о том, как это работает?

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);

Jsbin можно найти здесь: http://jsbin.com/xatixa/2/watch?html,js,output

Ответ 1