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 июль 2015 г..
Примечание: Эта возможность доступна в Web Workers.
Доступное только для чтения свойство target интерфейса Event содержит ссылку на элемент, в котором возникло событие. Он может отличаться от Event.currentTarget, на котором сработал обработчик события в фазе всплытия или захвата события.
Значение
Связанный EventTarget.
Примеры
Свойство event.target может быть использовано для реализации делегирования событий.
js
// Создадим список 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③ |
Совместимость с браузерами
Loading…