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

问题描述

问 题

 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()保存的数据会自动删除？

解决方案

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

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

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"));
}

这篇关于javascript - 为什么dataTransfer.clearData不起作用？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！