1 <body>
2 <div ></div>
3 <img src="images/落日余晖.jpg" draggable="true" ondragstart="start(event)" >
4 </body>
5 <script>
6 // 1.获取元素
7 var oBox = document.getElementById('box');
8 // 定义方法
9 // 开始拖拽
10 function start(event) {
11 event.dataTransfer.setData('a', event.target.id);
12 }
13 // 准备放下
14 function drop(event) {
15 event.preventDefault();
16 var data = event.dataTransfer.getData('a');
17 oBox.appendChild(document.getElementById(data));
18 }
19 // 也放下
20 function over(event) {
21 event.preventDefault();
22 }
23 </script>