Get drag and drop event type: dragstart : Drag Drop Event « Drag Drop « JavaScript Tutorial






<html>
    <head>
        <title>System Drag And Drop Example</title>
        <script type="text/javascript">
            function handleDragDropoEvent(oEvent) {

                switch(oEvent.type) {
                    case "dragstart":
                        oEvent.dataTransfer.effectAllowed = "move";
                        alert("dragstart");
                        break;

                }
            }
        </script>
    </head>
    <body>
        <P>Try dragging the text in the textbox to the right textbox.</p>
        <P><input type="text" value="drag this text" ondragstart="handleDragDropoEvent(event)" />
        <input ondragenter="handleDragDropoEvent(event)"
               ondragover="handleDragDropoEvent(event)"
               ondrop="handleDragDropoEvent(event)">
        </input>
        </p>

    </body>
</html>








24.1.Drag Drop Event
24.1.1.No drop target events fire
24.1.2.Drop target events fire now
24.1.3.Get text object from dataTransfer defined the Drag and drop event
24.1.4.Get URL object from dataTransfer defined the Drag and drop event
24.1.5.Get drag and drop event type: dragstart
24.1.6.Get drag and drop event type: dragenter
24.1.7.Get drag and drop event type: dragover
24.1.8.Get drag and drop event type: drop