Mega Code Archive

 
Categories / JavaScript Tutorial / Drag Drop
 

No drop target events fire

< html>     <head>         <title>System Drag And Drop Example</title>         <script type="text/javascript">             function handleDragDropEvent(oEvent) {                 var oTextbox = document.getElementById("txt1");                 oTextbox.value +=  oEvent.type + "\n";             }         </script>     </head>     <body>         <P>Try dragging the text from the textbox to the red square.         No drop target events fire.</p>         <P>Drag me</p>         <div style="background-color: red; height: 100px; width: 100px"              ondragenter="handleDragDropEvent(event)"              ondragover="handleDragDropEvent(event)"              ondragleave="handleDragDropEvent(event)"              ondrop="handleDragDropEvent(event)"></div></p>         <P><textarea rows="10" cols="25" id="txt1"></textarea></p>     </body> </html>