目录
当前位置: 首页 > 文档资料 > HTML5 基础教程 >

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> 元素之间拖放图像。