你的代码很好,当你在HTML上设置事件时,问题就是jsFiddle。
如果你在javascript窗格上设置它可以工作(需要小的调整)。
HTML:
的javascript:
var div1 = document.getElementById("div1");
var drag1 = document.getElementById("drag1");
var textbox1 = document.getElementById("textbox1");
div1.addEventListener("drop",drop,false);
div1.addEventListener("dragover",allowDrop,false);
drag1.addEventListener("dragstart",drag,false);
function allowDrop(ev) {
ev.preventDefault();
}
function drag(ev) {
console.log("drag", ev);
ev.dataTransfer.setData('text/html', ev.target.id);
}
function drop(ev) {
console.log("drop",ev);
ev.preventDefault();
var data = ev.dataTransfer.getData("text/html");
textbox1.value = data;
}