Event: свойство target

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Примечание: Эта возможность доступна в Web Workers.

Доступное только для чтения свойство target интерфейса Event содержит ссылку на элемент, в котором возникло событие. Он может отличаться от Event.currentTarget, на котором сработал обработчик события в фазе всплытия или захвата события.

Значение

Связанный EventTarget.

Примеры

Свойство event.target может быть использовано для реализации делегирования событий.

// Создадим список
const ul = document.createElement("ul");
document.body.appendChild(ul);

const li1 = document.createElement("li");
const li2 = document.createElement("li");
ul.appendChild(li1);
ul.appendChild(li2);

function hide(evt) {
  // evt.target будет указывать на элемент <li>, по которому был произведён клик
  // evt.currentTarget будет указывать на родительский элемент <ul>
  evt.target.style.visibility = "hidden";
}

// Добавим обработчик события на список
// Он будет вызываться при клике на каждом элементе <li>
ul.addEventListener("click", hide, false);

Спецификации

Specification
DOM # ref-for-dom-event-target③

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также

Всплытие событий