Example of ondragstart and setData()
In this case, the data type is "text" and the value is the id of the draggable element ("drag1").
index.html
Example:
HTML
<script>
function drag(ev) {
ev.dataTransfer.setData("text", ev.target.id);
}
</script>
Output should be:
| Example of ondragstart and setData() | HTML Drag and Drop API |
| What is HTML Drag and Drop API | HTML Drag and Drop API |
| What browsers will support HTML Drag and Drop | HTML Drag and Drop API |
| How to create HTML Drag and Drop Example | HTML Drag and Drop API |
| How to Make an Element Draggable | HTML Drag and Drop API |
| What to Drag - ondragstart and setData() | HTML Drag and Drop API |
| Where to Drop - ondragover | HTML Drag and Drop API |
| How to Do the Drop - ondrop | HTML Drag and Drop API |
| How to drag and drop an image from left to right | HTML Drag and Drop API |
Type: | Html |
Category: | Web Tutorial |
Sub Category: | HTML Drag and Drop API |
Uploaded by: | Admin |