Ссылка на объект, который был инициатором события. Он может отличаться от 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
Определение 'Event.target' в этой спецификации.
Живой стандарт  
Определение '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';

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