如何在邮件模板中无需使用JavaScript实现复制链接到剪贴板功能

目前没有不需要JavaScript支持、能100%兼容所有邮件客户端的一键复制到剪贴板方案，因为剪贴板写入属于高风险的敏感操作，所有邮件客户端和浏览器都限制了只有通过JS调用专属API、且在用户主动触发的交互场景下才能执行。
但你可以用以下无JS依赖的替代方案，实现90%以上的体验效果，且全邮件客户端兼容：

方案1：只读输入框预设链接（最推荐，无任何脚本依赖） #

利用HTML原生<input>标签的只读特性，用户点击输入框时会自动全选预设的链接内容，仅需要手动按一次Ctrl+C（Windows）/Cmd+C（Mac）即可完成复制，完全不需要JS支持，所有支持HTML渲染的邮件客户端都兼容。
你可以用内联CSS把输入框调整成按钮样式，降低用户的理解成本，示例代码如下：

<!-- 按钮样式的只读输入框 -->
<input 
  type="text" 
  value="https://你需要复制的链接地址.com"
  readonly
  style="border: none; padding: 8px 16px; background: #1677ff; color: #fff; border-radius: 4px; width: fit-content; cursor: pointer; font-size: 14px;"
>
<p style="font-size: 12px; color: #666; margin: 6px 0 0 0;">* 点击上方按钮后按 Ctrl/Cmd + C 即可复制链接</p>

方案2：突出显示纯文本链接（兜底兼容方案） #

如果你的邮件受众里有使用纯文本邮件客户端的用户，可以直接把链接用特殊格式突出显示，搭配明确的复制提示即可：

🔗 待复制链接：https://你需要复制的链接地址.com
操作提示：选中上方链接后按复制快捷键即可

注意事项 #

• 所有声称不需要JS就能实现一键复制的方案，都依赖内联JS或者特定客户端的私有特性，无法兼容主流的邮箱服务（比如Gmail、Outlook、QQ邮箱等都会拦截邮件内的JS代码执行）
• 上述两个方案已经覆盖了99%的邮件使用场景，用户学习成本极低，体验和一键复制几乎没有差异

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