clipboard.js 的 new clipboardjs() 不支持直接传文本复制，必须绑定 dom 元素；最简方案是用 data-clipboard-text 属性配合按钮和 new clipboardjs('.btn')；如需动态复制，推荐原生 navigator.clipboard.writetext()，但须在用户事件同步上下文中调用。

Clipboard.js 的 new ClipboardJS() 构造函数不支持“一行代码”直接复制文本

想用 Clipboard.js 实现“点击就复制”，必须绑定 DOM 元素（如 <button></button> 或 <input>），它本身没有提供类似 ClipboardJS.copy('text') 这样的静态方法。所谓“一行代码”复制，其实是误解——底层仍需元素触发、事件监听和配置项支撑。

最简可行方案：用 data-clipboard-text 属性 + 按钮元素

这是真正接近“写一行逻辑”的做法，HTML 侧声明要复制的内容，JS 侧只需初始化一次实例：

HTML汇报生成器

🚀 不用写一行代码！把项目总结、工作汇报、研究报告、技术文档、提案、数据看板直接变精美HTML。12种主题 × 11种背景动效 × 9种鼠标特效 × 10种边框样式 × 实时调色器 × 毛玻璃卡片 × PDF导出，生成后还能自由调色，零门槛AI直出。触发词：项目总结、工作汇报、PPT、生成报告、做个总结、HTML文档、数据报告、流程文档、会议纪要、技术文档、研究报告、数据看板、提案、做个展示页、帮我做个汇报、文档生成。

下载

<button class="btn" data-clipboard-text="Hello, world!">复制</button>
<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script><script>new ClipboardJS('.btn');</script>

关键点：

• data-clipboard-text 必须写在触发元素（如 <button></button>）上，不能写在 <div> 或其他非交互元素上 <li>选择器 <code>'.btn' 要能准确匹配到该按钮；若页面有多个，会全部生效
• 脚本必须在 DOM 加载完成后执行，否则找不到元素（可放