HTML5 Drag and drop (drag and Drog)

Drag-and-drop (drag and Drog) is a standard part of HTML5, and is a common feature, meaning to grab an element into a different location, any element in the HTML5 can be dragged and dropped, the title is to be related to the settings.

1. Set the element to be drag-and-drop, that is, set the Drapgable property to True

2, drag what-ondragstart and SetData (), specify what happens when the element is dragged?

(1): The Ondragstart property invokes a function drag (event), which specifies the data being dragged.

(2):d Atatransfer.setdata () method sets the data type and value of the dragged data

Funcation drag (EV) {

Ev.dataTransfer.setData ("Text", ev.target.id);

The data type is: "Text", the value is the ID of the draggable element

}

HTML5 Drag and drop (drag and Drog)