To prevent the data from being handled by the browser's default settings, use preventDefault() (default is open as link on drop) With the dataTransfer.getData() method, you may get the dragged data. The dragged element's id is the dragged data ("drag1") In the drop element, append the dragged element.