带样式复制html

最新推荐文章于 2024-03-26 10:05:41 发布

90后_9527

最新推荐文章于 2024-03-26 10:05:41 发布

阅读量581

点赞数

分类专栏：常用js

本文链接：https://blog.csdn.net/qq_41802862/article/details/120965496

版权

JavaScript 复制剪贴板 DOM操作用户交互

关键词由CSDN通过智能技术生成

常用js 专栏收录该内容

26 篇文章 1 订阅

订阅专栏

<div id="result">
          <p style="font-size: 16px; font-weight: bold; color: red;">我是标题</p>
        </div>
      </div>
      <span id ="copyBtn" class="iconfont icon-fuzhi" style="font-size: 14px;margin-left: 45%;color:#4cd3e9;cursor:pointer;" onclick="selectElementContents()">一键复制</span>

<script>
    function selectElementContents() {
      var el=document.getElementById("result");
     var body = document.body, range, sel;
 
     if (document.createRange && window.getSelection) {
 
         range = document.createRange();
 
         sel = window.getSelection();
 
         sel.removeAllRanges();
 
         try {
 
             range.selectNodeContents(el);
 
             sel.addRange(range);
 
         } catch (e) {
 
             range.selectNode(el);
 
             sel.addRange(range);
 
         }
         document.execCommand("copy");
         //取消文本选中状态
         window.getSelection().empty();
       // alert("成功复制到剪贴板");
       }
     };
</script>