js复制功能

<!DOCTYPE html>
<html lang="en">
 
  <head>
    <meta charset="UTF-8">
    <title>Title</title>
  </head>
  <body>
    <span id="testDiv">
      Hello World
    </span>
 
    <input type="text" id="testTea">
    <button id="copyBtn">点击复制</button>
    <script>
      function copyFun(event) {
        const range = document.createRange();
        // 若想复制input 框里面的内容 将下面id换成testTea即可
        range.selectNode(document.getElementById('testDiv'));
 
        const selection = window.getSelection();
        if(selection.rangeCount > 0) selection.removeAllRanges();
        selection.addRange(range);
        document.execCommand('copy');
        alert("复制成功!");
      }
      document.getElementById('copyBtn').addEventListener('click', copyFun, false);
    </script>
  </body>
</html>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容