js复制代码（兼容IOS、android）亦适用PC端

空心人(・。・)

已于 2023-03-29 15:51:09 修改

阅读量1.5k

点赞数 1

分类专栏： HTML JavaScript 文章标签： js复制 H5复制 PC复制

于 2020-01-11 12:26:54 首次发布

本文链接：https://blog.csdn.net/ba_qi/article/details/103935331

版权

JavaScript 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

HTML

2 篇文章 0 订阅

订阅专栏

直接上代码，通过触发 .copybtn 复制按钮，复制 .copytxt 的内容。

<div class="title">
	<a class="button" href="javascript:history.back();">返 回</a>
	作品编号：<span class="copytxt">PHP-001007</span> 
	<button class="copybtn">复 制</button>
</div>

<script>
    function copyNo(event) {
        const range = document.createRange();
        range.selectNode(document.querySelector(".copytxt"));

        const selection = window.getSelection();
        if(selection.rangeCount > 0) selection.removeAllRanges();
        selection.addRange(range);
        document.execCommand('Copy');
        alert("复制成功！");
    }
    document.querySelector(".copybtn").addEventListener('click', copyNo, false);
</script>

方法二：

function copyTxt() {
    var copyText = document.getElementById("boomNo");
	copyText.select();
	copyText.setSelectionRange(0, 99999); /* 为移动设备设置 */
	navigator.clipboard.writeText(copyText.value);
	alert("复制成功");
}