file-drop-position.html (890B)
1 <!DOCTYPE html> 2 <title>drag & drop - mouse coordinates during drop</title> 3 <style> 4 body > div { 5 height: 5px; 6 width: 5px; 7 background-color: orange; 8 } 9 </style> 10 11 <script> 12 window.onload = function() { 13 var orange = document.getElementsByTagName('div')[0]; 14 orange.ondragover = orange.ondragenter = orange.ondrop = function(e) { 15 e.preventDefault(); 16 }; 17 }; 18 </script> 19 20 <div></div> 21 22 <p>Save <a href="../resources/fail.png">this image</a> to your desktop. Minimise your browser. Use your pointing device to drag the saved file from your desktop <strong>via your browser's button on your operating system's taskbar</strong> (so that it maximises your browser), onto the small orange box above this text, and release it. If a confirmation dialog appears, accept it. Fail if the browser simply displays the image.</p> 23 <noscript><p>Enable JavaScript and reload</p></noscript>