复制链接

问题:复制链接需求

复制链接

实现:

   <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>

效果:

复制链接
ctrl+v 或者鼠标右键粘贴就可以了 。