标签:eve rip blog targe draggable asc event jpg tde
1.设置元素可以被拖动:draggable=‘true‘;
2.ondragstart里setData;
3.ondragover里阻止默认事件;
4.ondrop里,阻止默认事件,并getData,append到元素里;
<div id="div1" ondrop="_drop(event)" ondragover="_dragover(event)"></div> <div id="div2"><img id="drag1" src="../images/liying.jpg" draggable="true" ondragstart="_dragstart(event)" width="323" height="440"/></div> <script type="text/javascript"> function _dragover(ev) { ev.preventDefault(); } function _dragstart(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)); } </script>
标签:eve rip blog targe draggable asc event jpg tde
原文地址:http://www.cnblogs.com/cag2050/p/6272119.html