# event.target

[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**](../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](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="📘 手冊" %}
* [](<> "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 %}
