datatransfer不生效的三大原因：一是事件监听不全或未阻止默认行为，dragstart写入、dragover必须preventdefault、drop读取；二是mime类型错误，仅支持'text/plain'等标准类型；三是跨域iframe或移动端原生不支持拖拽事件。
拖拽时dataTransfer不生效？先看事件监听是否完整
HTML 拖拽不是光调用 draggable="true" 就完事的——dataTransfer 对象只在特定事件里可写、可读，且必须阻止默认行为才能生效。最常漏掉的是没监听 dragstart 或忘了 event.preventDefault() 在 dragover 里。
-
dragstart是唯一能写入dataTransfer的时机（比如event.dataTransfer.setData('text/plain', 'hello')） -
dragover必须调用event.preventDefault()，否则浏览器会禁用 drop 区域（连drop事件都不会触发） -
drop里才能读取数据，但此时dataTransfer.getData('text/plain')返回值可能为空——不是代码错，是前面某步没走对
setData() 的 MIME 类型写错会导致取不到数据
很多人直接写 setData('string', 'xxx') 或 setData('text', 'xxx')，但这是无效类型。浏览器只认标准 MIME 类型，非标准类型会被忽略，getData() 返回空字符串。
- 常用且安全的类型只有：
'text/plain'、'text/html'、'text/uri-list' - 自定义类型如
'application/json'理论上可行，但部分浏览器（尤其是旧版 Safari）会静默丢弃 - 别用
setData('custom', ...)这种随意命名——它不会报错，但等于没设 - 如果要传结构化数据，老实用
JSON.stringify()塞进'text/plain'，取的时候再JSON.parse()
跨 iframe 拖拽时 dataTransfer 数据丢失？那是同源限制
只要两个 iframe 不同源（协议、域名、端口任一不同），dataTransfer 在 drop 事件里就拿不到任何 setData 写入的内容——这是浏览器强制的安全策略，不是 bug。
- 同源 iframe 之间拖拽完全正常，
getData()可以取到值 - 跨域 iframe 拖拽后，
dataTransfer.types可能显示有类型，但getData()总返回空字符串 - 没有绕过方法。想传数据？得换方案：比如通过
window.postMessage()配合拖拽状态标记，或改用点击 + 手动复制 ID 的方式模拟
移动端不触发 drag 系列事件？因为默认被禁用了
绝大多数移动浏览器（包括 Chrome for Android、Safari iOS）压根不支持原生 dragstart/dragover/drop，哪怕加了 draggable="true" 也没用。这不是你代码问题，是规范没要求实现。
立即学习“前端免费学习笔记（深入）”；
- 桌面端能跑通的拖拽逻辑，在手机上大概率完全静默——连事件都不发
- 不要试图用
touchstart+preventDefault()“激活” 它，徒劳 - 真要移动端拖拽交互，得用
touchmove自己算位移 + CSStransform模拟，或引入interact.js这类库
dataTransfer 就成摆设。 
