Use Html5 and Js to drag, html5js to drag
Function init (){
Var source = document. getElementById ("dragme ");
Var dest = document. getElementById ("text ");
Source. addEventListener ("dragstart", function (ev ){
<Script type = "text/javascript">
Var dt = ev. dataTransfer;
Dt. receivtallowed = 'all ';
Dt. setData ("text/plain", "drag ");
}, False );
Dest. addEventListener ("dragend", function (ev ){
Ev. preventDefault ();
}, False );
Dest. addEventListener ("drop", function (ev ){
Var dt = ev. dataTransfer;
Var text = dt. getData ("text/plain ");
Dest. textContent + = text;
Ev. preventDefault ();
Ev. stopPropagation ();
}, False );
}
Document. ondragover = function (e) {e. preventDefault ();};
Document. ondrop = function (e) {e. preventDefault ();};
</Script>
<Body onload = "init ()">
<Div id = "dragme" draggable = "true" style = "width: 200px; border: 1px solid gray"> drag and drop </div>
<Div id = "text" style = "width: 200px; height: 200px; border: 1px solid gray"> </div>
</Body>
Copyright Disclaimer: This article is an original article by the blogger and cannot be reproduced without the permission of the blogger.