0
点赞
收藏
分享

微信扫一扫

JS复制内容到剪贴板

JS复制内容到剪贴板

html内容:

<body>
    <div class="box">
        <div class="header" onclick="copy()">点击复制</div>
        <div class="text"></div>
    </div>
</body>

JS部分:

<script>
    function copy() {
        let transfer = document.createElement('input');
        let copyBox = document.getElementsByClassName('text')[0]
        copyBox.appendChild(transfer);
        const copyUrl = `这是复制的内容`
        transfer.value = copyUrl;  // 这里表示想要复制的内容
        transfer.focus();
        transfer.select();
        if (document.execCommand) {
            document.execCommand('copy');
        }
        transfer.blur();
        copyBox.removeChild(transfer);
        copyBox.innerText += copyUrl
    }
</script>

效果图:
在这里插入图片描述
效果图只是为了展现效果,当大家点击完就可以Ctrl+V粘贴了,思路很简单,基本上没什么可以详细说的。

举报

相关推荐

0 条评论