Drag Drop JavaScript Tutorial

  1. Home
  2. JavaScript Tutorial
  3. Drag Drop
  4. System Drag And Drop between two text boxes
< html>
    
        System Drag And Drop between two text boxes
        
            function handleDragDropEvent(oEvent) {
                var oTextbox = document.getElementById("txt1");
                oTextbox.value +=  oEvent.type + "\n";
            }
        
    
    
        

Try dragging the text from the left textbox to the right one.


        


                          ondragstart="handleDragDropEvent(event)"
                  ondrag="handleDragDropEvent(event)"
                  ondragend="handleDragDropEvent(event)" />
                       ondragenter="handleDragDropEvent(event)"
               ondragover="handleDragDropEvent(event)"
               ondragleave="handleDragDropEvent(event)"
               ondrop="handleDragDropEvent(event)" />