JavaScript Reference/Javascript Objects/dataTransfer

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

"dataTransfer" Example

   <source lang="javascript">
   

<html> <head> <script language="JavaScript"> function transferDrop() {

   window.event.srcElement.innerText = window.event.dataTransfer.getData("text");
   window.event.returnValue = false; 

} function transferDrag() {

   window.event.dataTransfer.dropEffect = "move"; 
   window.event.returnValue = false; 

} </script> </head> <body>

Highlight text in this paragraph and drag it to the text area below

<textarea id="myTarget"

         ondrop="transferDrop();" 
         ondragover="window.event.returnValue = false;" 
         ondragenter="transferDrag();">

</textarea> </body> </html>


     </source>
   
  


"dataTransfer" is applied to

   <source lang="javascript">

+----------------+--------------------------------------------------------------+ | Applied_To |event | +----------------+--------------------------------------------------------------+

     </source>
   
  


"dataTransfer" JavaScript Methods

   <source lang="javascript">

+----------------+--------------------------------------------------------------+ | JavaScript |clearData getData | | Methods |setData | +----------------+--------------------------------------------------------------+

     </source>
   
  


"dataTransfer" JavaScript Properties

   <source lang="javascript">

+----------------+--------------------------------------------------------------+ | JavaScript |dropEffect effectAllowed | +----------------+--------------------------------------------------------------+

     </source>
   
  


"dataTransfer" Syntax and Note

   <source lang="javascript">

Note: Access to clipboard data formats used in drag-and-drop operations.

Syntax:

event.dataTransfer.memberName


     </source>