使用带拖放的dataTransfer.setData传输JSON

Question

我正在尝试使用HTML5拖放功能传输JSON数据（而不是字符串）

拖动开始后，您可以设置数据：

e.originalEvent.dataTransfer.setData("application/json", {x: 10});
},

当拖拉机掉落时

e.originalEvent.dataTransfer.getData("application/json");

但无论我做什么，它总是一个字符串。我怎样才能转移实际物体？ DEMO

Answer 1

JSON是数据的字符串表示形式（例如，序列化对象的数据）。这就是你获得字符串结果的原因。

如果序列化对象包含具有唯一标识符（id）的属性，则可以从json结构读取id并引用源对象（例如，通过id获取源对象）。

要通过其ID获取HTML5元素，您可以使用JavaScript getElementById功能。见qazxsw poi