setData 方法介绍

在 JavaScript 中，有时候需要在不同元素之间交换数据或者传递数据。而 setData 方法则可以帮助实现这种需求。

语法

e.dataTransfer.setData(format, data)

其中，e 表示一个事件对象，而 format 和 data 分别表示要传递的数据格式和数据内容。

参数解释

• format：指定要传递的数据格式，一般为 MIME 类型。
• data：要传递的数据内容。

使用示例

var dragStart = function (event) {
  var dragData = { name: 'Alice', age: 25 };
  event.dataTransfer.setData('text/plain', JSON.stringify(dragData));
};

var drop = function (event) {
  var dropData = JSON.parse(event.dataTransfer.getData('text/plain'));
  console.log(dropData);
};

在上面的示例中，当拖动开始时， setData 方法会将 JSON 格式的数据 dragData 保存到 event 对象中，格式为 'text/plain'。而在拖放结束时，通过 getData 方法就可以获取到拖动时保存的数据并进行解析。

注意事项

• 一般情况下， setData 和 getData 的 format 参数需要相同，否则会出现获取不到数据的情况。
• 在使用 setData 和 getData 方法时，需要注意浏览器兼容性问题。有些浏览器不支持某些格式的数据。

以上就是 setData 方法的介绍和使用示例，希望对你有帮助。