| <!DOCTYPE html> |
| <title>drag & drop - mouse coordinates during drop</title> |
| <style> |
| body > div { |
| height: 5px; |
| width: 5px; |
| background-color: orange; |
| } |
| </style> |
| |
| <script> |
| window.onload = function() { |
| var orange = document.getElementsByTagName('div')[0]; |
| orange.ondragover = orange.ondragenter = orange.ondrop = function(e) { |
| e.preventDefault(); |
| }; |
| }; |
| </script> |
| |
| <div></div> |
| |
| <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> |
| <noscript><p>Enable JavaScript and reload</p></noscript> |