Dustin Pfannenstiel
Dustin Pfannenstiel
Programming language:Javascript
2021-08-03 00:38:04
0
Q:

jquery drag and drop w3schools

mbm29414
mbm29414
Code: Javascript
2021-05-11 10:11:19 

 <!DOCTYPE HTML>

 <html>

 <head>

 <script>
   
 function allowDrop(ev)
 {

   ev.preventDefault();

 }

 
 function drag(ev)
 {

   
 ev.dataTransfer.setData("text", ev.target.id);

 }

 
 function drop(ev)
 {

   
 ev.preventDefault();

   var data = ev.dataTransfer.getData("text");

   ev.target.appendChild(document.getElementById(data));

 }
 </script>

 </head>

 <body>


 <div id="div1" ondrop="drop(event)"
 ondragover="allowDrop(event)"></div>

 
 <img id="drag1" src="img_logo.gif" draggable="true"
 ondragstart="drag(event)" width="336" height="69">


 </body>

 </html>
3

Tags

Related

New to Communities?

Join the community