<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#div1, #div2{float:left; width:100px; height:100px; border:1px solid #aaaaaa;}
</style>
</head>
<body>
<!-- 拖拽目标：ondrop接收拖拽完成时处理，ondragover拖拽上目标时处理 -->
<div ,ev.target.id
);
}
// 拖拽目标：允许接收拖动
function allowDrop(ev){ ev.preventDefault(); }
// 拖动目标：接收拖拽数据进行处理
function drop(ev){
ev.preventDefault();
var data=ev.dataTransfer.getData("data");
console.log(data);
console.log(ev);
ev.target.appendChild(document.getElementById(data));
}
</script>