Question

当我拖动＆amp;删除文本，没有任何反应。但是当我将事件更改为＆＃34; dragenter＆＃34;或＆＃34; dragleave＆＃34;。我错过了什么吗？

＆＃13;

function handleDragDrop(e) {
  console.log("Something droped");
  dropStatus.innerHTML = "Something droped";
}

var dropZone = document.getElementById("dropZone");
var dropStatus = document.getElementById("dropStatus");


dropZone.addEventListener("drop", handleDragDrop);

＆＃13;

.drop-zone {
  width: 300px;
  padding: 20px;
  border: 2px dashed #000;
}

＆＃13;

<div id="dropZone" class="drop-zone">Drop Zone!</div>
<div id="dropStatus"></div>

<div class="" draggable="true">DRAG ME</div>

＆＃13;

Answer 1

需要取消结束

function handleDragDrop(e) {
  console.log("Something droped");
  dropStatus.innerHTML = "Something droped";
}

var dropZone = document.getElementById("dropZone");
var dropStatus = document.getElementById("dropStatus");


dropZone.addEventListener("drop", handleDragDrop);
dropZone.addEventListener("dragover", function(e) {
  e.preventDefault();
  return false;
});

.drop-zone {
  width: 300px;
  padding: 20px;
  border: 2px dashed #000;
}

<div id="dropZone" class="drop-zone">Drop Zone!</div>
<div id="dropStatus"></div>

<div class="" draggable="true">DRAG ME</div>

drop EventListener不起作用

1 个答案: