一键复制功能

最新推荐文章于 2024-05-07 16:45:26 发布

zengxingX

最新推荐文章于 2024-05-07 16:45:26 发布

阅读量166

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/zengxingx/article/details/129835705

版权

<button id="copy-button">复制</button>

<script>
  document.getElementById("copy-button").addEventListener("click", function() {
    // 创建临时元素
    var tempInput = document.createElement("textarea");
    document.body.appendChild(tempInput);
    // 设置要复制的字符串
    tempInput.value = "这是要复制的文字";
    // 复制字符串到剪切板中
    tempInput.select();
    var isCopied = document.execCommand("copy");
    // 删除临时元素
    document.body.removeChild(tempInput);
    // 显示复制结果
    if (isCopied) {
      alert("已成功复制到剪切板！");
    } else {
      alert("复制失败，请手动进行复制操作。");
    }
  });
</script>