Ссылка на объект, который был инициатором события. Он может отличаться от event.currentTarget, если обработчик события вызывается во время всплытия (bubbling) или захвата события.
Синтаксис
theTarget = event.target
Пример
Свойство event.target может быть использовано для реализации делегирования событий.
// Предполагается, что есть переменная 'list', содержащая экземляр элемента <ul>
function hide(e) {
// Unless list items are separated by a margin, e.target should be different than e.currentTarget
e.target.style.visibility = 'hidden';
}
list.addEventListener('click', hide, false);
// If some element (<li> element or a link within an <li> element for instance) is clicked, it will disappear.
// It only requires a single listener to do that
Спецификации
| Specification | Status | Comment |
|---|---|---|
| DOM Определение 'Event.target' в этой спецификации. |
Живой стандарт | |
| DOM4 Определение 'Event.target' в этой спецификации. |
Устаревшая | |
| Document Object Model (DOM) Level 2 Events Specification Определение 'Event.target' в этой спецификации. |
Устаревшая | Initial definition |
Поддержка браузеров
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help!
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | (Да) | (Да) | (Да) | (Да) | (Да) |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | (Да) | (Да) | (Да) | (Да) | (Да) |
Примечания
В IE 6-8 модель событий отличается. Event listeners are attached with the non-standard EventTarget.attachEvent method. In this model, the event object has a Event.srcElement property, instead of the target property, and it has the same semantics as event.target.
function hide(e) {
// Поддержка IE 6-8
var target = e.target || e.srcElement;
target.style.visibility = 'hidden';
}