HTML复制 JS点击复制文字：如何使用HTML+JS实现点击复制文字，包括点击复制多行很简单代码

📌 关键词：
HTML复制 | JS点击复制 | 多行文本复制 | 简单代码 | 前端技巧

1️⃣ HTML基础结构

<button onclick="copyText()">点击复制📋</button>
<textarea id="textToCopy">这里是要复制的多行文字...</textarea>

2️⃣ JS实现复制功能

function copyText() {
  const text = document.getElementById("textToCopy");
  text.select(); // 选中文本
  document.execCommand("copy"); // 执行复制
  alert("复制成功！🎉"); // 提示
}

3️⃣ 进阶技巧（兼容现代JS）

navigator.clipboard.writeText(text.value).then(() => {
  console.log("复制成功 ✨");
});

💡 注意事项：

• 旧版浏览器可能不支持clipboard API
• 移动端需用户主动触发（如点击事件）
• 多行文本建议用<textarea>或<pre>标签

🚀 一句话总结：
"HTML+JS实现点击复制只需select()+execCommand或现代clipboard API，多行文本也不怕！"