使用jqurey实现点击button按钮复制div里的文本到剪切板，复制成功后浏览器默认弹窗提示复制成功完整代码

小羊网页模板

于 2024-01-31 18:09:43 发布

阅读量288

点赞数 4

文章标签： javascript jquery

本文链接：https://blog.csdn.net/m0_58717408/article/details/135959639

版权

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script>
    $(document).ready(function(){
      $("#copyButton").click(function(){
        var textToCopy = $("#textToCopy").text();
        var tempInput = $("<input>");
        $("body").append(tempInput);
        tempInput.val(textToCopy).select();
        document.execCommand("copy");
        tempInput.remove();
        alert("文本已成功复制到剪切板！");
      });
    });
  </script>
</head>
<body>
  <div id="textToCopy">要复制的文本内容</div>
  <button id="copyButton">复制文本</button>
</body>
</html>

小羊网页模板

关注

4
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用jqurey实现点击button按钮复制div里的文本到剪切板，复制成功后浏览器默认弹窗提示复制成功完整代码

【代码】使用jqurey实现点击button按钮复制div里的文本到剪切板，复制成功后浏览器默认弹窗提示复制成功完整代码。
复制链接

扫一扫