翻譯不完整。請協助 翻譯此英文文件。
指向最初觸發事件的 DOM 物件。與 event.currentTarget 屬性不同的是，event.currentTarget 屬性總會指向現在正處理該事件的事件監聽器所註冊的 DOM 物件，而 event.target 屬性則是永遠指向觸發事件的 DOM 物件。
語法
theTarget = event.target
範例
The event.target property can be used in order to implement event delegation.
// Assuming there is a 'list' variable containing an instance of an HTML ul element.
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 The definition of 'Event.target' in that specification. |
Living Standard | |
| DOM4 The definition of 'Event.target' in that specification. |
Recommendation | |
| Document Object Model (DOM) Level 2 Events Specification The definition of 'Event.target' in that specification. |
Recommendation | Initial definition |
瀏覽器相容性
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
Compatibility notes
On IE 6-8 the event model is different. 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) {
// Support IE6-8
var target = e.target || e.srcElement;
target.style.visibility = 'hidden';
}