022.html (1057B)
1 <!doctype html> 2 <title>Removing drop targetted document before the queue is processed</title> 3 <style> 4 span, iframe { 5 height: 200px; 6 width: 200px; 7 background-color: orange; 8 display: inline-block; 9 border: none; 10 } 11 </style> 12 <script type="text/javascript"> 13 window.onload = function () { 14 var orange = document.getElementsByTagName('span')[0]; 15 orange.ondragstart = function (e) { 16 e.dataTransfer.setData('text','dummy text'); 17 e.dataTransfer.effectAllowed = 'all'; 18 document.getElementsByTagName('iframe')[0].contentWindow.postMessage('dummy message','*'); 19 setTimeout(function () { 20 document.getElementsByTagName('p')[0].removeChild(document.getElementsByTagName('iframe')[0]); 21 },4000); 22 }; 23 }; 24 </script> 25 <p><span draggable="true"></span> <iframe height="200" width="200" src="022-1.html"></iframe></p> 26 27 <p>Drag the orange square over the blue square, then release it. Wait 5 seconds for the blue square to disappear. Pass if you can select this text.</li> 28 <noscript><p>Enable JavaScript and reload</p></noscript>