html怎么移动div里的字体,实现拖动div里面的字体

demo

.droptarget {

float: left;

width: 100px;

height: 35px;

margin: 15px;

padding: 10px;

border: 1px solid #aaaaaa;

}

在两个矩形框中来回拖动 p 元素:

拖动我!

注意：Internet Explorer 8 及更早 IE 版本或 Safari 5.1 及更早版本的浏览器不支持 drag 事件。

function dragStart(event) {

event.dataTransfer.setData("Text", event.target.id);

document.getElementById("demo").innerHTML = "开始拖动 p 元素";

}

function dragEnd(event) {

document.getElementById("demo").innerHTML = "完成 p 元素的拖动。";

}

function allowDrop(event) {

event.preventDefault();

}

function drop(event) {

event.preventDefault();

var data = event.dataTransfer.getData("Text");

event.target.appendChild(document.getElementById(data));

}