function init(){ var source=document.getElementById("dragme"); var dest=document.getElementById("text"); source.addEventListener("dragstart",function(ev){ var dt=ev.dataTransfer; dt.effectAllowed='all'; dt.setData("text/plain","你好"); },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();}

具体分析：

<2>DataTransfer对象的属性与方法

<3>设定拖放时的视觉效果