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粘贴了,思路很简单,基本上没什么可以详细说的。