drag-keypress-manual.html (688B)
1 <!DOCTYPE html> 2 <title>drag & drop - pressing tab while dragging</title> 3 <style> 4 body > div { 5 height: 200px; 6 width: 200px; 7 background-color: orange; 8 } 9 body { 10 height: 5000px; 11 } 12 p { 13 margin-top: 1000px; 14 } 15 </style> 16 17 <script> 18 window.onload = function() { 19 window.scrollBy(0,1000); 20 document.getElementsByTagName('div')[0].ondragstart = function(e) { 21 e.dataTransfer.effectAllowed = 'copy'; 22 e.dataTransfer.setData('text', 'dummy text'); 23 }; 24 }; 25 </script> 26 <noscript>Enable JavaScript and reload</noscript> 27 <p>Drag the orange square. While still dragging, press the Tab key on your keyboard. Fail if the page scrolls.</p> 28 <div draggable="true"></div>