'dataTransfer' Example : dataTransfer : Javascript Objects : JavaScript Reference examples (example source code) Organized by topic

JavaScript Reference
C++
PHP
JavaScript Reference Home »  Javascript Objects   » [  dataTransfer  ]   
 



'dataTransfer' Example

    
<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>
<p id="mySource" 
   ondragstart="window.event.dataTransfer.effectAllowed = 'move';">
   Highlight text in this paragraph and drag it to the text area below
</p>
<textarea id="myTarget" 
          ondrop="transferDrop();" 
          ondragover="window.event.returnValue = false;" 
          ondragenter="transferDrag();">
</textarea>
</body>
</html>

    
      
      
Related examples in the same category
1.  'dataTransfer' Syntax and Note
2.  'dataTransfer' JavaScript Properties
3.  'dataTransfer' JavaScript Methods
4.  'dataTransfer' is applied to








Home| Contact Us
Copyright 2003 - 04 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.