014-manual.html (693B)
1 <!DOCTYPE html> 2 <?xml version="1.0" encoding="utf-8"?> 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <title>Setting drag image during drag and drop of selection</title> 6 <style type="text/css"> 7 span 8 {color:green; 9 background-color:yellow;} 10 </style> 11 <script type="application/ecmascript"> 12 function start(event) 13 {event.dataTransfer.effectAllowed = 'copy'; 14 event.dataTransfer.setDragImage(document.querySelector('span'), 1, 1);} 15 </script> 16 </head> 17 <body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> 18 <p ondragstart="start(event)">Drag me</p> 19 <p>Try to drag selection above. You should see word <span>PASS</span> in feedback overlay.</p> 20 </body> 21 </html>