h5拖放
摘要:http://www.lampbrother.net<!DOCTYPEHTML><html><head><metacontent="text/html"http-equiv="content-type"charset="utf-8"/><styletype="text/css">#div1,#div2{width:350px;height:70px;padding:10px;border:1pxsolid#aaaaaa;}</style><script>functionallowDrop(ev){ev.preventDefault();}function{ev.dataTransfer.setData("Text",ev.target.id);}drag(ev)functiondrop(ev){ev.preventDefault();vardata=ev.dataTransfer.getData("Text");ev.target.appendChild(document.getElementById(data));}/*draggable="true"z设置元素可拖放ondragstart="drag(even)规定被拖动数据类textdiv1div2*/型和值如本例是/*ondrop进行放置ondragover拖动的数据放置的位置调用preventDefault()来避免浏览器对数据的默认处理(drop事件的默认行为是以链接形式打开)通过dataTransfer.getData("Text")方法获得被拖的数据。该方法将返回在setData()方法中
温馨提示:当前文档最多只能预览
5 页,若文档总页数超出了
5 页,请下载原文档以浏览全部内容。
本文档由 匿名用户 于 2021-03-16 14:02:35上传分享