Event.target

Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

Ссылка на объект, который отправил событие. Он может отличаться от 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

Поддержка браузеров

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';
}

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

Метки документа и участники

Метки: 
 Внесли вклад в эту страницу: smollalex, f0rmat1k, icw82, Leo240
 Обновлялась последний раз: smollalex,