js复制代码(兼容IOS、android)亦适用PC端

直接上代码,通过触发 .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>
发布了12 篇原创文章 · 获赞 4 · 访问量 2012

猜你喜欢

转载自blog.csdn.net/ba_qi/article/details/103935331
今日推荐