JS实现浏览器html中的“复制”操作(兼容大部分浏览器,亲测没问题)

JS实现浏览器html中的“复制”操作(兼容大部分浏览器,亲测没问题)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>target-div</title>
</head>
<body>

    <div id="text" onclick="tapCopy()">uuuu</div>

  <script>


      function tapCopy() {
          selectText('text');
          document.execCommand('copy');
          alert('复制成功');
      }
      //选中文本
      function selectText(element) {
          var text = document.getElementById(element);
          //做下兼容
          if (document.body.createTextRange) {  //如果支持
              var range = document.body.createTextRange(); //获取range
              range.moveToElementText(text); //光标移上去
              range.select();  //选择
          } else if (window.getSelection) {
              var selection = window.getSelection(); //获取selection
              var range = document.createRange(); //创建range
              range.selectNodeContents(text);  //选择节点内容
              selection.removeAllRanges(); //移除所有range
              selection.addRange(range);  //添加range
              /*if(selection.setBaseAndExtent){
               selection.setBaseAndExtent(text, 0, text, 1);
               }*/
          } else {
              alert("复制失败");
          }
      }


  
   </script>

</body>
</html>

猜你喜欢

转载自blog.csdn.net/dxnn520/article/details/80982689