Which API is used to enable dragging of DOM elements?

Which API is used to enable dragging of DOM elements?

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

Answer: (C)

Dragging DOM elements is handled by the Drag and Drop API. This API provides built‑in support for interactive drag operations, allowing you to make elements draggable, respond to drag events, and manage what data is carried during the drag. To use it, you typically enable dragging by setting draggable="true" on the element, listen for dragstart to initialize what’s being dragged, and set up drop targets with dragover (to allow dropping) and drop to perform the final action like repositioning or data transfer. This approach is designed specifically for the user action of grabbing, moving, and dropping elements, offering a consistent and predictable way to implement drag interactions across browsers. Geolocation API is for obtaining the device’s location, not for dragging UI elements. SVG is a vector graphics format; while SVG elements can be manipulated with scripts, the API dedicated to drag-and-drop is the Drag and Drop API. Canvas API provides a drawing surface and requires manual handling of mouse events to simulate dragging; it doesn’t offer built‑in DOM drag-and-drop capabilities.

Dragging DOM elements is handled by the Drag and Drop API. This API provides built‑in support for interactive drag operations, allowing you to make elements draggable, respond to drag events, and manage what data is carried during the drag.

To use it, you typically enable dragging by setting draggable="true" on the element, listen for dragstart to initialize what’s being dragged, and set up drop targets with dragover (to allow dropping) and drop to perform the final action like repositioning or data transfer. This approach is designed specifically for the user action of grabbing, moving, and dropping elements, offering a consistent and predictable way to implement drag interactions across browsers.

Geolocation API is for obtaining the device’s location, not for dragging UI elements. SVG is a vector graphics format; while SVG elements can be manipulated with scripts, the API dedicated to drag-and-drop is the Drag and Drop API. Canvas API provides a drawing surface and requires manual handling of mouse events to simulate dragging; it doesn’t offer built‑in DOM drag-and-drop capabilities.