Drag Drop JavaScript Tutorial

  1. Home
  2. JavaScript Tutorial
  3. Drag Drop
  4. Get drag and drop event type
< html>
    
        System Drag And Drop Example
        
            function handleDragDropoEvent(oEvent) {
                switch(oEvent.type) {
                    case "drop":
                        oEvent.returnValue = false;
                        oEvent.srcElement.innerHTML = oEvent.dataTransfer.getData("text");
                }
            }
        
    
    
        

Try dragging the text in the textbox to the right textbox.


        


                       ondragover="handleDragDropoEvent(event)"
               ondrop="handleDragDropoEvent(event)">