Drag Drop JavaScript Tutorial

  1. Home
  2. JavaScript Tutorial
  3. Drag Drop
  4. Get URL object from dataTransfer defined the Drag and drop event
< html>
    
        System Drag And Drop Example
        
            function handleDragDropEvent(oEvent) {
                switch(oEvent.type) {
                    case "dragover":
                    case "dragenter":
                        oEvent.returnValue = false;
                        break;
                    case "drop":
                        alert(oEvent.dataTransfer.getData("URL"));
                }
            }
        
    
    
        

Try dragging the link to the red square.
        It will show you the URL when dropped.


        

www.rntsoft.com
                     ondragenter="handleDragDropEvent(event)"
             ondragover="handleDragDropEvent(event)"
             ondrop="handleDragDropEvent(event)">