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③ |
Совместимость с браузерами
Report problems with this compatibility data on GitHubdesktop | mobile | server | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
target |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support