如何仅使用<button>将剪贴板内容粘贴至<textarea>？

给你一套直接能用的完整代码，复制粘贴到HTML文件里就能运行，完全不用额外修改：

<!DOCTYPE html>
<html>
<body>
  <!-- 你的文本框 -->
  <textarea id="myTextarea" rows="5" cols="50"></textarea>
  <!-- 粘贴按钮 -->
  <button onclick="pasteFromClipboard()">粘贴</button>

  <script>
    function pasteFromClipboard() {
      // 获取页面上的文本框元素
      const textarea = document.getElementById('myTextarea');
      // 调用浏览器剪贴板API读取内容
      navigator.clipboard.readText()
        .then(text => {
          // 把剪贴板内容写入文本框
          textarea.value = text;
        })
        .catch(err => {
          // 出错时（比如用户拒绝权限）给出提示
          alert('粘贴失败，请检查浏览器权限或确保剪贴板有内容');
        });
    }
  </script>
</body>
</html>

使用步骤 #

• 把上面代码复制到新建的文本文件，将文件名改成paste-demo.html（注意后缀是.html不是.txt）
• 用浏览器打开这个文件，就能看到文本框和粘贴按钮
• 先复制一段文本，点击按钮，内容会自动填充到文本框里

注意点 #

• 第一次点击按钮时，浏览器会弹出剪贴板权限请求，点击允许即可
• 所有主流浏览器（Chrome、Edge、Firefox、Safari）都支持这个功能
• 如果是本地打开HTML文件而非服务器环境，部分浏览器可能需要手动在地址栏允许权限，用Chrome打开兼容性最佳

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