🔸event.type

browser ⟩ event ⟩ .type

the string that specifies what kind of event occurred, also called "event name".

⭐️ 重點

❶ device-dependent input events

• mouse: “mousedown”, “mousemove”, “mouseup”

• mobile devices: “touchstart”, “touchmove”, “touchend”

• keyboard: “keydown”, “keyup”

❷ device-independent input events

• “click”: a link/button/other element has been activated.

• “input”: (alternative to “keydown”) supports keyboard input, cut-and-paste, ideographic scripts.

• “pointerdown”, “pointermove”, “pointerup”: (alternatives to mouse/touch events) work for mouse, touch screen, pen/stylus.

❸ UI events

• "focus", "change", "submit" ...

❹ state-change events

• "load" (on Window)

• "DOMContentLoaded" (on Document)

• "online", "offline" (on Window): network connectivity

• "popstate" (on Window): browser’s Back button clicked.

❺ API-specific events

• HTML <video>/<audio> elements: “waiting”, “playing”, “seeking”, “volumechange” ...

• Generally speaking, web platform APIs that are asynchronous and were developed before Promises were added to JavaScript are event-based and define API-specific events.

🔴 主題

• 🌿 event types

• state-change events.

• CSS events

📘 手冊

• Event ⟩ UIEvent ⟩

  • MouseEvent, TouchEvent, FocusEvent, KeyboardEvent, WheelEvent, InputEvent, CompositionEvent.

• Window ⟩

  • popstate event

• Element ⟩

  • keydown event

👥 相關

• DOM hierarchy