# event.target

[browser](https://lochiwei.gitbook.io/web/browser) ⟩ [event](https://lochiwei.gitbook.io/web/browser/event) ⟩ .target

{% hint style="success" %}
Most <mark style="color:yellow;">**event objects**</mark> have a [`target`](https://developer.mozilla.org/en-US/docs/Web/API/Event/target) property that refers to the [**node**](https://lochiwei.gitbook.io/web/browser/dom/type/node) <mark style="color:yellow;">**where they originated**</mark>. You can use this property to ensure that you’re not accidentally handling something that propagated up from a node you do not want to handle.
{% endhint %}

{% tabs %}
{% tab title="💈範例" %}

* [buttons-a-b-c](https://lochiwei.gitbook.io/web/browser/event/target/buttons-a-b-c "mention")
  {% endtab %}

{% tab title="📗 參考" %}

* [ ] Eloquent JS ⟩ [Ch. 15: Event Handling](https://eloquentjavascript.net/15_event.html) ⟩ [Propagation](https://eloquentjavascript.net/15_event.html#h_NEhx0cDpml)&#x20;
  {% endtab %}

{% tab title="📘 手冊" %}

* [](https://lochiwei.gitbook.io/web/browser/event "mention") ⟩ [.target](https://developer.mozilla.org/en-US/docs/Web/API/Event/target) ([EventTarget](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget))
  {% endtab %}
  {% endtabs %}