Объекты событий

В примерах мы проигнорировали тот факт, что функциям-обработчикам передаётся аргумент – объект события. В нём хранится дополнительная информация о событии. К примеру, если надо узнать, какая кнопка мыши была нажата, мы можем обратиться к свойству which этого объекта.

<button>Жми меня, чем хочешь!</button>

<script>

  var button = document.querySelector("button");

  button.addEventListener("mousedown", function(event) {

    if (event.which == 1)

      console.log("Левая");

    else if (event.which == 2)

      console.log("Средняя");

    else if (event.which == 3)

      console.log("Правая");

  });

</script>

Хранящаяся в объекте информация – разная для каждого типа событий. Мы обсудим эти типы позже. Свойство объекта type всегда содержит строку, описывающую событие (например, "click" или "mousedown").