Which API enables drag-and-drop interactions for DOM elements?

Which API enables drag-and-drop interactions for DOM elements?

• A. Geolocation API
• B. Drag and Drop API
• C. Canvas API
• D. SVG

Answer: (B)

The Drag and Drop API is what enables drag-and-drop interactions for DOM elements. It defines the event flow and data transfer you need to move elements or data around a page, such as dragstart to begin a drag, dragover on a drop target (often with preventDefault to allow dropping), and drop to handle the result. To use it, you mark an element as draggable, set up a dragstart handler to put data into event.dataTransfer, and set up drop targets to receive that data and respond accordingly. Geolocation API is about obtaining the user’s location, not dragging elements. Canvas API provides a drawing surface for rendering graphics on a canvas, while SVG handles scalable vector graphics. Neither offers the built‑in drag-and-drop lifecycle that the Drag and Drop API provides.

The Drag and Drop API is what enables drag-and-drop interactions for DOM elements. It defines the event flow and data transfer you need to move elements or data around a page, such as dragstart to begin a drag, dragover on a drop target (often with preventDefault to allow dropping), and drop to handle the result. To use it, you mark an element as draggable, set up a dragstart handler to put data into event.dataTransfer, and set up drop targets to receive that data and respond accordingly.

Geolocation API is about obtaining the user’s location, not dragging elements. Canvas API provides a drawing surface for rendering graphics on a canvas, while SVG handles scalable vector graphics. Neither offers the built‑in drag-and-drop lifecycle that the Drag and Drop API provides.