<style> #div1 {width:400px; height:70px; padding:10px; border:1px solid #aaaaaa; } </style> </head> <body> <div id="div1" οndrοp="drop(event)" οndragοver="allowDrop(event)"></div>//必须要将div设置一个id <br /> <p id="drag1" οndragstart="drag(event)" draggable="true">这是一段可移动的段落。请把该段落拖入上面的矩形。</p> <script type="text/javascript"> function allowDrop(e) { e.preventDefault();//阻止窗口的默认事件发生 } function drag(e){ e.dataTransfer.setData("Text",e.target.id);//所有元素均用Text传递值 } function drop(e){ var data= e.dataTransfer.getData('Text') e.target.appendChild(document.getElementById(data));//将取出的值存在另一个div中 e.preventDefault(); } </script>
扫一扫
12-08
477
477
08-09
721
721
08-17
346
346
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
