Warum funktioniert dataTransfer.clearData nicht?

Question

 function dropStart(e){
     e.dataTransfer.setData("Text",e.target.id);
     //e.dataTransfer.clearData();在这里调用clearData(),drop函数里的getData才会返回空值。
     }
 function drop(e){
     var id=e.dataTransfer.getData("Text");
     e.dataTransfer.clearData();
     console.log(e.dataTransfer.getData("Text"));//还可以获得id
     }

Nach dem Aufruf von e.dataTransfer.clearData() in der Drop-Funktion wird beim Ausführen von getData("Text") auch der Wert in setData() zurückgegeben. Wie wird also clearData() verwendet, oder wird die Drop-Funktion ausgeführt? Werden die von dataTransfer.setData() gespeicherten Daten automatisch gelöscht?

Answer 1

我的输出没有问题啊，DataTransfer.clearData()只能用在dragstart事件中。

<p id="source" draggable="true">测试数据</p>

var draggable = document.getElementById('source');

draggable.addEventListener('dragstart', drop);
function drop (e) {  
  e.dataTransfer.setData("Text",e.target.id);
  // 输出id:source
  alert('id:' + e.dataTransfer.getData("Text"));
  e.dataTransfer.clearData();
  // 输出id:
  alert('id:' + e.dataTransfer.getData("Text"));
}

Answer 2

clearData()只能用在dragStart函数，在drop函数里是调用clearData()是没用的，而且也没必要，因为setData()保存的数据是在拖拽开始时创建，在拖拽放下也就是拖拽结束时，setData()保存的数据会被销毁。