当前位置:编程学习 > JS >>

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>
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,