HTML Drag and Drop API
Checking compatibility...
Enable drag and drop functionality in web applications. Perfect for interactive interfaces, file uploads, and reordering elements.
Basic Drag and Drop
Set up draggable elements and drop zones with events that handle the complete drag and drop process.
=
=
=
=
=
=
Output
Click Run to see output...Custom Drag Image
Replace the default drag preview with your own custom image for better visual feedback during dragging.
=
=
=
=
=
=
Output
Click Run to see output...Data Transfer
Transfer multiple types of data during drag operations, from simple text to complex structured information.
=
=
=
=
=
=
Output
Click Run to see output...