---
description: 🚧 under construction
---

# event types

[browser](..) ⟩ [event]() ⟩ types

{% hint style="success" %}

{% endhint %}

{% tabs %}
{% tab title="🔴 主題" %}
* [.type](.type "mention")
* [key](type/key "mention")
* [touch](type/touch "mention")
* [mouse](type/mouse "mention")
  * [click](type/mouse/click "mention")
* [drag-event](type/mouse/drag-event "mention")
{% endtab %}

{% tab title="📗 參考" %}
* [ ] Eloquent JS ⟩ [Ch. 15: Event Handling](https://eloquentjavascript.net/15_event.html) ⟩ [Key Events](https://eloquentjavascript.net/15_event.html#h_974t15Z9oa)
{% endtab %}

{% tab title="📘 手冊" %}
* [Element](https://developer.mozilla.org/en-US/docs/Web/API/Element) ⟩&#x20;
  * [keydown event](https://developer.mozilla.org/en-US/docs/Web/API/Element/keydown_event)
* [Window](https://developer.mozilla.org/en-US/docs/Web/API/Window) ⟩
  * [popstate event](https://developer.mozilla.org/en-US/docs/Web/API/Window/popstate_event)
* [Event](https://developer.mozilla.org/en-US/docs/Web/API/Event) ⟩ [UIEvent](https://developer.mozilla.org/en-US/docs/Web/API/UIEvent) ⟩&#x20;
  * [`MouseEvent`](https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent), [`TouchEvent`](https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent), [`FocusEvent`](https://developer.mozilla.org/en-US/docs/Web/API/FocusEvent), [`KeyboardEvent`](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent), [`WheelEvent`](https://developer.mozilla.org/en-US/docs/Web/API/WheelEvent), [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent), [`CompositionEvent`](https://developer.mozilla.org/en-US/docs/Web/API/CompositionEvent).
{% endtab %}
{% endtabs %}
