html点击复制指定内容(点击按钮复制当前网址)

html点击复制指定内容(点击按钮复制当前网址)，今天在优化下载插件的时候发现需要密码下载的文件，密码还需要手动复制粘贴感觉太麻烦了，找了很多JS实现自动复制的文章很多都要调用clipboard插件才能实现，这款不需要调用clipboard插件就可以实现。

1.首先添加复制按钮

<button id="copyBT">复制</button>

2.添加要复制的内容块，不止复制P标签内容，把id加到那个标签复制那个标签的内容。

<p id="copy">QQ资源吧 m.qqzy8.com</p>

3.最后把这几行js加上就行了，点击复制按钮会弹窗提示复制成功。

[lv]

<script>
      function copyArticle(event) {
        const range = document.createRange();
        range.selectNode(document.getElementById('copy'));
        const selection = window.getSelection();
        if(selection.rangeCount > 0) selection.removeAllRanges();
        selection.addRange(range);
        document.execCommand('copy');
        alert("复制成功！");
      }
      document.getElementById('copyBT').addEventListener('click', copyArticle,);
    </script>

[/lv]