61,112
社区成员
发帖
与我相关
我的任务
分享
<div id="desk">
<h2 style="text-align: center;">收藏夹</h2>
</div>
<img id="gb" src="http://avatar.csdn.net/8/3/A/1_guozengjie.jpg" style="float:left;" height="100px" width="100px"/>
<script type="text/javascript">
function moveToDesk(evt){
// alert("123");
evt.dataTransfer.setData("text/plain","item"+evt.target.innerHTML);
}
var desk = document.getElementById("desk");
// alert("123");
desk.ondrop=function(evt){
alert("123");
var text= evt.dataTransfer.getData("text/plain");
alert("123");
if(text.indexOf("item")==0){
var newEle = document.createElement("div");
newEle.id=new Date().getUTCMilliseconds();
newEle.innerHTML=text.substring(4);
newEle.draggable="true";
newEle.ondragstart=function(evt){
evt.dataTransfer.setData("text/plain","remove"+evt.target.id);
}
desk.appendChild(newEle);
}
}
desk.ondragover=function(e){e.preventDefault();}
var gb=document.getElementById('gb');
//gb.ondragStart=function(e) {e.dataTransfer.setData("Text", e.target.id);}
gb.draggable=true;
</script>