javascript - 为什么dataTransfer.clearData不起作用？

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
     }

在drop函数里调用e.dataTransfer.clearData()之后，执行getData("Text")还会返回setData()里的值，所以说clearData()要怎样用啊，还是说在drop函数执行结束后dataTransfer.setData()保存的数据会自动删除？

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()保存的数据会被销毁。