HTML5 拖放
优质
小牛编辑
128浏览
2023-12-01
#div1, #div2 {float:left; width:100px; height:35px; margin:10px;padding:10px;border:1px solid #aaaaaa;} 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)); }
拖放(Drag 和 drop)是 HTML5 标准的组成部分。
更多实例
来回拖放图片
如何在两个 <div> 元素之间拖放图像。