嘿，这个问题我之前碰到过类似的，因为iframe的同源策略限制，默认确实没法直接跨iframe把文本拖拽到父页面的输入框里，尤其是你还没有iframe内部内容的修改权限。给你几个实用的解决办法，分情况选：

方案一：浏览器扩展（最推荐，无跨域限制） #

这是唯一能彻底解决非同源iframe拖拽问题的方案，因为浏览器扩展可以突破同源策略的限制，直接访问iframe和父页面的DOM。具体步骤大概是：

• 新建一个浏览器扩展，在manifest.json里配置权限：添加你需要覆盖的目标域名（或者直接写"<all_urls>"），同时加上activeTab权限；另外要设置content_scripts的all_frames: true，确保脚本能注入到iframe里。
• 编写内容脚本，监听iframe内的dragstart事件：当用户选中文本开始拖拽时，手动把选中的文本写入拖拽数据对象里。示例代码：

document.addEventListener('dragstart', (e) => {
  const selectedText = window.getSelection().toString();
  if (selectedText) {
    // 覆盖拖拽数据，让父页面能识别到文本
    e.dataTransfer.clearData();
    e.dataTransfer.setData('text/plain', selectedText);
  }
});

• 安装扩展后，在目标页面启用它，就能实现从iframe拖拽文本到父页面input的功能了。

方案二：父页面JS（仅适合同源iframe） #

如果你的iframe和父页面是同源的（比如同域名、同协议、同端口），哪怕没有内部修改权限，也可以通过父页面的JS来监听iframe的拖拽事件：

• 获取iframe元素，然后给它的contentWindow绑定dragstart事件，直接获取选中的文本并设置到拖拽数据中：

const targetIframe = document.querySelector('iframe');
if (targetIframe) {
  targetIframe.contentWindow.addEventListener('dragstart', (e) => {
    const selectedText = targetIframe.contentWindow.getSelection().toString();
    if (selectedText) {
      e.dataTransfer.setData('text/plain', selectedText);
    }
  });
}

注意：如果是非同源iframe，这个方法会触发跨域报错，完全用不了，这种情况就只能选方案一。

方案三：替代优化方案（CSS+提示） #

如果暂时不想搞扩展，也可以做一些体验优化，让用户更方便地把iframe文本转移到input里：

• 强制开启iframe的文本选中权限，避免有些iframe设置了禁止选中文本：

iframe {
  user-select: text !important;
}

• 在页面上添加一个友好提示，告诉用户可以先复制iframe里的文本，再粘贴到input框中，虽然不是拖拽，但能降低用户的操作成本。

内容的提问来源于stack exchange，提问作者Mikhail Gerasimov