无法实现跨窗口同步代码片段，因datatransfer对象受浏览器硬性限制仅限单窗口内使用；替代方案必须采用postmessage()进行跨窗口通信。
做不到。DataTransfer 对象无法用于跨窗口同步代码片段，这是浏览器强制限制，不是写法问题。
为什么 dataTransfer 在跨窗口场景下必然失效
HTML5 拖放 API 的 dataTransfer 仅在单个窗口内有效：一旦鼠标拖出当前窗口边界，dragend 立即触发，drop 根本不会发生。即使两个窗口同源、甚至由同一页面 window.open() 打开，也完全不支持——这不是兼容性问题，是规范层面的硬性隔离。
- 跨窗口拖拽时，浏览器直接中断事件流，连
dragover都不会派发 -
dataTransfer.getData()在目标窗口的drop事件中永远返回空字符串 - 试图监听
message或伪造dragstart事件毫无意义，dataTransfer对象无法序列化或跨上下文传递
替代方案只能用 postMessage()
真正可行的跨窗口通信必须绕过拖放，改用 window.postMessage()。它不依赖 UI 交互，也不受窗口边界限制，是唯一被所有现代浏览器稳定支持的跨窗口数据通道。
- 发送端调用
targetWindow.postMessage(JSON.stringify({type: "code", content: "console.log(1)" }), "https://your-domain.com") - 接收端用
window.addEventListener("message", handler)监听，并校验event.origin防止 XSS - 不要传原始 HTML 或未过滤的用户输入，避免执行风险；对
content做白名单校验或沙箱执行 - 如果在线运行器基于 iframe，且同源，可用
iframe.contentWindow获取引用；否则必须用postMessage+origin校验
别碰 dataTransfer.items 或剪贴板 API 来“曲线救国”
有人尝试用 clipboard.writeText() + clipboard.readText() 模拟同步，但实际不可靠：
- 剪贴板读取需用户主动触发（如粘贴快捷键），无法自动拉取，违背“同步”需求
-
clipboard.readText()在非安全上下文（http://）或无用户手势时直接拒绝 -
dataTransfer.items仅在drop事件中有效，依然卡死在单窗口内，和跨窗无关 - 移动端 Safari/Chrome 默认禁用整个拖放事件链，连
dragstart都不触发
真正要实现代码片段跨窗口同步，核心就一条：放弃拖放幻想，老实用 postMessage() 搭建双向消息管道。所有试图复用 dataTransfer 的方案，都在和浏览器底层规则硬刚，结果只会是 getData() 返回空、控制台静默、功能彻底失联。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
