首页 > 编程语言 > 详细

JavaScript实现复制文本功能,兼容ie

时间:2021-04-02 22:00:11      阅读:36      评论:0      收藏:0      [点我收藏+]
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <button onclick="copyText()">copy</button>
    <input type="text" />
    <p id="text">很多文本,很多文本123</p>
    <script>
      function copyText() {
        var copyText = document.getElementById(‘text‘).innerText;
        // ie浏览器
        if (window.clipboardData) {
          window.clipboardData.clearData();
          window.clipboardData.setData("Text", copyText);
          alert("复制成功!");
        } else {//非ie
          var oInput = document.createElement("input");
          oInput.value = copyText;
          document.body.appendChild(oInput);
          oInput.select();
          document.execCommand("Copy");
          oInput.style.display = "none";//隐藏放最后,要不不生效
        }
      }
    </script>
  </body>
</html>

JavaScript实现复制文本功能,兼容ie

原文:https://www.cnblogs.com/samsara-yx/p/14612000.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!