003.html (826B)
1 <!DOCTYPE html> 2 <title>drag & drop - cross-document variable retention within event handlers</title> 3 <style> 4 body > div { 5 height: 200px; 6 width: 200px; 7 background-color: orange; 8 } 9 </style> 10 11 <script> 12 var evs = {}; 13 window.onload = function() { 14 var orange = document.getElementsByTagName('div')[0]; 15 orange.ondragstart = function(e) { 16 e.dataTransfer.effectAllowed = 'copy'; 17 e.dataTransfer.setData('text', 'dummy text'); 18 evs[e.type] = {}; 19 evs[e.type].dataTransfer = e.dataTransfer; 20 evs[e.type].items = e.dataTransfer.items; 21 evs[e.type].types = e.dataTransfer.types; 22 evs[e.type].files = e.dataTransfer.files; 23 }; 24 }; 25 </script> 26 27 <div draggable="true"></div> 28 <p><iframe src="003-1.html" height="300" width="500"></iframe></p> 29 <noscript><p>Enable JavaScript and reload</p></noscript>