复制链接

最新推荐文章于 2022-06-22 14:17:48 发布

优秀的金大大

最新推荐文章于 2022-06-22 14:17:48 发布

阅读量6k

点赞数 1

分类专栏： js方法文章标签：复制内容到鼠标右键 js vue

本文链接：https://blog.csdn.net/qq_31173561/article/details/89312148

版权

js方法专栏收录该内容

6 篇文章 0 订阅

订阅专栏

问题：复制链接需求

在这里插入图片描述

实现：

   <style>
    .copyLink {
      color: #40a9ff;
      cursor: pointer;
    }
  </style>

  <body>
    <p>
      <span id="linkUrl">链接：https://www.baidu.com/</span>
      <a class="copyLink" "getLink()">复制链接</a>
    </p>
  </body>
  <script>
    function getLink() {
      let createInput = document.createElement("input");
      createInput.value = document.getElementById("linkUrl").innerHTML;
      document.body.appendChild(createInput);
      createInput.select(); // 选择对象;
      document.execCommand("Copy"); // 执行浏览器复制命令
      alert('复制成功')
      createInput.remove();
    }
  </script>