SOURCE

console 命令行工具 X clear

                    
>
console
function allowDrop(ev) {
	ev.preventDefault();
}

function drag(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));
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>拖拽展示</title>
</head>
<body>

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">
	<img src="https://ljcimg.oss-cn-beijing.aliyuncs.com/img/hook-ts-jira-8.png" draggable="true" ondragstart="drag(event)" id="drag1" width="88" height="31">
</div>
<div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)">
</div>

</body>
</html>
#div1, #div2 {
	float:left; 
	width:90px; 
	height:35px; 
	margin:10px;
	padding:10px;
	border:1px solid #aaaaaa;
}