Event Handling

JavaScript DOM Manipulation Cheat Sheet

Covers selecting DOM elements, creating and modifying nodes, handling events with delegation, and toggling classes with vanilla JavaScript.

What is an Anonymous Class in OOP?

An anonymous class is a class declared and instantiated in a single expression, with no name of its own, typically used to provide a one-off implementation of…

What is a Listener Interface?

A listener interface is a contract, usually with one or a small number of methods, that a class implements so it can be registered with an event source and be…

Debouncing vs Throttling

Debouncing delays running a function until a burst of calls stops for a set pause, so it fires once at the end, while throttling runs the function at most once…

What Is the Mutation Observer API and When Should You Use It?

The Mutation Observer API lets you asynchronously watch a DOM subtree for changes — child insertions/removals, attribute changes, or text content changes — and…

How Does the HTML5 Drag and Drop API Work?

The HTML5 Drag and Drop API lets any element with draggable="true" be picked up and moved via a sequence of drag events (dragstart, dragover, drop, and others)…