<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>
