Orbeon Forms：实现按钮将剪贴板内容粘贴至指定文本控件

完全可以实现这个需求，核心是通过JavaScript结合浏览器剪贴板API和Orbeon表单的控件操作逻辑来完成，具体步骤如下：

• 添加按钮控件
  在Orbeon表单设计器中拖入一个按钮控件，设置标签为“粘贴剪贴板内容”，给按钮添加自定义CSS类（比如paste-button），方便后续JS代码定位。

• 编写粘贴逻辑代码
  使用浏览器的navigator.clipboard.readText()读取剪贴板文本，再将内容赋值给目标文本控件，并触发控件的变更事件确保表单识别值的变化。示例代码如下（假设目标文本控件的name为target-text-control）：

  document.querySelector('.paste-button').addEventListener('click', async () => {
    try {
      const clipText = await navigator.clipboard.readText();
      const targetCtrl = document.querySelector('input[name="target-text-control"]');
      if (targetCtrl) {
        targetCtrl.value = clipText;
        // 触发变更事件，同步表单数据
        targetCtrl.dispatchEvent(new Event('change', { bubbles: true }));
      }
    } catch (err) {
      console.error('剪贴板读取失败:', err);
      alert('无法读取剪贴板，请检查浏览器权限或确保站点在HTTPS/localhost环境下');
    }
  });
  

  注意：剪贴板API仅支持HTTPS环境或localhost本地开发环境，否则浏览器会拒绝权限。

• 注入脚本到表单
  将上述代码添加到表单的自定义脚本区域：可以在表单设计器的“设置”→“高级”中添加自定义JavaScript，或者通过Form Runner的资源配置引入脚本。

额外说明 #

• 如果目标是多行文本控件（textarea），只需将代码中的input替换为textarea即可。
• 确认目标控件的name属性正确：在设计器中选中目标控件，查看“绑定”选项卡中的控件名称。
• 建议在Chrome、Firefox、Edge等主流浏览器中测试功能兼容性。

内容的提问来源于stack exchange，提问作者Pete Atkin