js实现复制到剪贴板

最新推荐文章于 2025-04-29 10:31:49 发布

_原来是神经彤a

最新推荐文章于 2025-04-29 10:31:49 发布

阅读量763

点赞数

分类专栏： vue 文章标签： javascript 前端 vue

本文链接：https://blog.youkuaiyun.com/weixin_42361056/article/details/121289946

版权

vue 专栏收录该内容

8 篇文章

订阅专栏

<el-link icon="el-icon-document-copy" type="primary" :underline="false" @click="copyContent('myId');">复制</el-link>

 //js实现复制到剪贴板，带格式复制
  function copyContent(id) {
      if (document.createRange && window.getSelection) {
          var range = document.createRange();
          var selection = window.getSelection();
          selection.removeAllRanges();
          try {
              range.selectNodeContents(document.getElementById(id));
              selection.addRange(range);
          } catch (e) {
              range.selectNode(document.getElementById(id));
              selection.addRange(range);
          }
          document.execCommand("copy");
          //取消文本选中状态
          window.getSelection().empty();
          alert("成功复制到剪贴板");
      }