Skip to main content

Event ↔ Interface Object to rep actions, autogen by DOM Node after Signal Trigger

Sources: Introduction to events - Learn web development | MDN websitesetup.org/javascript

Events are not part of JS Library & is provided to Browser Runtime via Web API

Node.js has its own model and implementation for events

Signal​

Something that happened. Mouse click/move, etc

Event Listener​

function to await Event & on Signal Trigger, call Event Handler

Event Handler​

Callback to run in response to Event Signal

Event Delegation​

(Design Pattern) to attach Event Listener to common parent to utilize Bubbling Phase to apply Event to multiple Element

Event Properties

Event Methods

Clipboard Event

Drag Event

Form Event

Mouse Event

Keyboard Event

References​

  1. Target Phase ↔ Event handle at target; executes Callback Functions attach to Event Listener

  2. Capturing Phase ↔ Event propagates down, from Document Root to target Element, pass through every Parent Element

  3. Bubbling Phase ↔ Event propagate back up to Document Root, pass through Parent Element

  4. EventTarget ↔ Top-level Abstract Class Interface extends most objects with ability to receive Events or add Event Listener

  5. Event Delegation ↔ (Design Pattern) to attach Event Listener to common parent to utilize Bubbling Phase to apply Event to multiple Element

  6. Event Handler ↔ Callback to run in response to Event Signal

  7. Websocket Event ↔ Event from websocket can be listened to via addEventListener()

  8. Event Listener ↔ function to await Event & on Signal Trigger, call Event Handler