HTML拖拽
2020-02-12 本文已影响0人
独步江雪
<!DOCTYPE HTML>
<html>
<head>
<script>
function allowDrop(ev) {
ev.preventDefault();
}
function drag(event) {
event.dataTransfer.setData('text',event.target.innerText);
}
function drop(event) {
event.preventDefault();
var text = event.dataTransfer.getData('text');
event.target.innerText = text;
}
</script>
</head>
<body>
<div ondrop="drop(event)" ondragover="allowDrop(event)" style="background:red;height:100px;width:100px"></div>
<div draggable="true" ondragstart="drag(event)" style="background:blue;height:100px;width:100px">拖拽源</div>
</body>
</html>
