| <!doctype html> |
| <meta charset="utf-8"> |
| <title>Drag and Drop: interaction between effectAllowed and dropEffect</title> |
| <link rel="help" href="https://html.spec.whatwg.org/multipage/interaction.html#drag-and-drop-processing-model"> |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| <script src="resources/dropEffect-common.js"></script> |
| <style> |
| .box { |
| display: block; |
| border: 1px solid black; |
| width: 100px; |
| height: 100px; |
| } |
| </style> |
| |
| <p> |
| Tests that one can drag and drop, even when holding various modifiers like |
| shift and control. Please drag the "Drag Me" box into the "Drop Here" box |
| repeatedly, until the test ends. While dragging, hold down the key |
| specified below as "keyPressed", if one exists, or hold no keys down if |
| none are specified. |
| </p> |
| |
| <div class="dragged box" draggable="true"> |
| Drag Me |
| </div> |
| |
| <div class="dropzone box"> |
| Drop Here |
| </div> |
| |
| <p> |
| Current test: <code id="test-description"></code> |
| </p> |
| |
| <script> |
| |
| dropEffectTests([ |
| { drop: 'copy', operation: 'copy' }, |
| { drop: 'link', operation: 'link' }, |
| { drop: 'move', operation: 'move' }, |
| { drop: 'dummy', operation: 'copy' }, |
| ]); |
| |
| </script> |