JavaScript Tutorial/Drag Drop/ondrop

Материал из Web эксперт
Перейти к: навигация, поиск

ondrop event handler (IE)

   <source lang="javascript">

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

drag this text

       <input type="text"
              ondragenter="handleDragDropEvent(event)"
              ondragover="handleDragDropEvent(event)"
              ondragleave="handleDragDropEvent(event)"
              ondrop="handleDragDropEvent(event)" /></p>

<textarea rows="10" cols="25" readonly="readonly" id="txt1"></textarea>

   </body>

</html></source>