javascript - 在 HTML5 DND 中将 application/json 设置为 dragstart 期间的数据

标签 javascript html drag-and-drop

我观察到设置 HTML5DND 中的 JSON 数据将被转换为字符串。除了字符串化之外,是否有任何替代方法和最佳实践来传递 JSON 数据。

// During drag enter
event.dataTransfer.setData('application/json', {
  id: 1
});


// During Drop data is printing as object
let data = event.dataTransfer.getData('application/json');
// printing [object Object]

最佳答案

DataTransfer.setData() 没有其他选择因为它的data (第二个)参数是 DOMString .
DataTransfer 有一个替代方案——DataTransferItem ;但是,使用它将涉及对对象进行字符串化(到 pack that into a Blob of mimetype JSON )。

关于javascript - 在 HTML5 DND 中将 application/json 设置为 dragstart 期间的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62946931/

相关文章:

javascript - Bootstrap 标签中的复选框不起作用

java - JTable - 拖放

javascript - 如何使用 https 来使用 zRSSFeed

javascript - 为什么当模糊应用到 div 时点击不起作用

javascript - 从 mvc dropdownlist 调用 javascript

html - 用 Angular 提交一个普通的旧表单

JavaScript错误: Why I cannot clone/copy a tag from "li" to "table"?

javascript - 拖放在 Firefox 中不起作用

javascript - 如何使 D3.js 中的力布局图响应屏幕/浏览器大小

javascript - jQuery无法带参数刷新页面