JS — Events

Overview

Events let you react to user actions like clicks, typing, and scrolling.

What you'll learn

• addEventListener
• event object
• preventDefault
• event delegation

Syntax

element.addEventListener("click", handler);

Example

document.querySelector("form").addEventListener("submit", (e)=>{
  e.preventDefault();
  alert("Submitted without reload!");
});

Notes

• Use preventDefault to stop default browser action.
• Delegate events for dynamic lists.

  Try: Open the Playground: /en/playground/html