020-manual.html (694B)
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 block element</title> 6 <style type="text/css"> 7 div 8 {width:100px; 9 height:100px; 10 background-color:navy;} 11 span 12 {color:green; 13 background-color:yellow;} 14 </style> 15 <script type="application/ecmascript"> 16 function start(event) 17 {event.dataTransfer.effectAllowed = 'copy'; 18 event.dataTransfer.setDragImage(document.querySelector('span'), 1, 1);} 19 </script> 20 </head> 21 <body> 22 <div draggable="true" ondragstart="start(event)"></div> 23 <p>Try to drag blue box above. You should see word <span>PASS</span> in feedback overlay.</p> 24 </body> 25 </html>