javascript - 在 dataTransfer.setData 上设置多个数据

Question

可以使用dataTransfer设置多个吗？

HTML

<tr class="notfirst"
    draggable="true"
    ondragstart="drag(event, '@Model.getFormat(item)', '@Model.getColor(item)')"
    ondragover="allowDrop(event)"
>

JS

function drag(ev, format, color) {
    ev.dataTransfer.setData("text", format);
    ev.dataTransfer.setData("text", color); 
}

我可以正确地将 format 和 color 传递给我的 JS 函数，但我无法将两者添加到 dataTransfer 因为 color > 取代格式。我也尝试传递一个对象，但也没有成功。

Answer 1

您可以将数据推送到 JSON 对象，然后使用 JSON.stringify() 将该对象转换为字符串。之后，您将能够将整个字符串传递给 setData。

   let  obj = {prd_iId: 50 ,prd_sName: 'Ray Ban'};
   obj = {...obj, prd_sModel:'Aviator'};     
   e.dataTransfer.setData("text/plain", JSON.stringify(obj));

这会做你想要的。