Browser shorts - HTML Drag and Drop API

imkarthikeyan

Karthikeyan

Posted on March 31, 2024

Browser shorts - HTML Drag and Drop API

This is a submission for DEV Challenge v24.03.20, One Byte Explainer: Browser API or Feature.

Explainer

HTML drag and drop API helps us to create draggable elements in webpage with events like dragstart, drag, dragenter, dragleave, dragover and drop. Elements in the pages can be made draggable using draggable attribute. We can set the drop targets for receiving items and custom drag images can be set.

Additional Context

  1. Drag and Drop API - MDN docs
💖 💪 🙅 🚩
imkarthikeyan
Karthikeyan

Posted on March 31, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Browser shorts - HTML Drag and Drop API
frontendchallenge Browser shorts - HTML Drag and Drop API

March 31, 2024

IndexedDB
frontendchallenge IndexedDB

April 1, 2024

WebRTC API
frontendchallenge WebRTC API

March 31, 2024

One Byte Explainer: Web MIDI API 🎹
frontendchallenge One Byte Explainer: Web MIDI API 🎹

March 26, 2024

Web Components API in One Byte Explanation
frontendchallenge Web Components API in One Byte Explanation

March 22, 2024