dnd.html (969B)
1 <!doctype html> 2 <html> 3 <head> 4 <meta name="viewport" content="width=device-width,initial-scale=1" /> 5 <script> 6 document.addEventListener("DOMContentLoaded", () => { 7 document 8 .querySelector("#drop") 9 .addEventListener("dragover", e => e.preventDefault()); 10 document.querySelector("#drag").addEventListener("dragstart", () => { 11 if (window.parent != window) { 12 window.parent?.postMessage("dragstart", "*"); 13 } 14 }); 15 }); 16 </script> 17 </head> 18 <body> 19 <img 20 id="drag" 21 draggable="true" 22 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2PwmvDoPwAFoAK895OuoAAAAABJRU5ErkJggg==" 23 width="200" 24 height="100" 25 /> 26 <br /> 27 <div id="drop" style="border: 1px solid red; width: 200px; height: 100px"> 28 drop 29 </div> 30 <textarea id="textarea" style="width: 200px; height: 100px"></textarea> 31 </body> 32 </html>