js复制到剪贴板的源代码 亲测两种源码Chrome有效
网上流行很多js复制到粘贴板的源码,以下两种本人亲测在Chrome下有效
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>js复制到剪贴板的源代码 - 站长资源库</title>
<script>
function copy1 (zzzyk) {
try {
const input = document.createElement('textarea')
input.value = zzzyk
document.body.appendChild(input)
input.focus()
input.select()
document.execCommand('copy')
document.body.removeChild(input)
alert("代码1已经复制到粘贴板! ");
} catch (err) {
alert("请选中文本1,使用 Ctrl+C 复制!");
}
}
function copy2 (zzzyk) {
try {
// 移除矩形框
window.getSelection().removeAllRanges()
// 创建选中范围
const range = document.createRange()
// 创建div元素存放文本
const divNode = document.createElement('div')
divNode.innerHTML = zzzyk
document.body.appendChild(divNode)
// 选中div元素中的所有文本
range.selectNode(divNode)
window.getSelection().addRange(range)
// 复制文本到粘贴板
document.execCommand('copy')
// 移除矩形框
window.getSelection().removeAllRanges()
document.body.removeChild(divNode)
alert("代码2已经复制到粘贴板! ");
} catch (err) {
alert("请选中文本2,使用 Ctrl+C 复制!");
}
}
</script>
</head>
<body>
<div id="yizuotu.net">站长资源库 zzzyk.com 我来试试</div>
<input type="button" value="复制1" onclick="copy1('1'+document.getElementById('yizuotu.net').innerText);">
<input type="button" value="复制2" onclick="copy2('2'+document.getElementById('yizuotu.net').innerText);">
</body>
</html>