| <!doctype html> |
| <title>Removing drop targetted document before the queue is processed</title> |
| <style> |
| span, iframe { |
| height: 200px; |
| width: 200px; |
| background-color: orange; |
| display: inline-block; |
| border: none; |
| } |
| </style> |
| <script type="text/javascript"> |
| window.onload = function () { |
| var orange = document.getElementsByTagName('span')[0]; |
| orange.ondragstart = function (e) { |
| e.dataTransfer.setData('text','dummy text'); |
| e.dataTransfer.effectAllowed = 'all'; |
| document.getElementsByTagName('iframe')[0].contentWindow.postMessage('dummy message','*'); |
| setTimeout(function () { |
| document.getElementsByTagName('p')[0].removeChild(document.getElementsByTagName('iframe')[0]); |
| },4000); |
| }; |
| }; |
| </script> |
| <p><span draggable="true"></span> <iframe height="200" width="200" src="022-1.html"></iframe></p> |
| |
| <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> |
| <noscript><p>Enable JavaScript and reload</p></noscript> |