سایت آموزشی فری لرن
اجرا کن
مشاهده خروجی
<!DOCTYPE html> <html> <head> <style> #div1{ max-width: 380px; height: 50px; padding: 1px; border: 1px solid #aaaaaa; text-align: center; } </style> <script> function allowDrop(ev){ ev.preventDefault(); } function drag(ev){ ev.dataTransfer.setData("Text", ev.target.id); } function drop(ev){ var data = ev.dataTransfer.getData("Text"); ev.target.appendChild(document.getElementById(data)); ev.preventDefault(); } </script> </head> <body> <p id="drag1" draggable="true" ondragstart="drag(event)"> لطفا این متن رو با ماوس بگیرید و بندازید داخل باکس پایین </p> <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div> </body> </html>
اشتراک گذاری
×
کپی آدرس
آدرس با موفقیت کپی شد
