原生js实现复制浏览器内容

版权声明:嗯 https://blog.csdn.net/bb415453941/article/details/70313825
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <div id="con">需要复制的文字</div>
    <br>
    <input type="button" name="" value="点击复制" onclick="copyToClipboard('con')">
    <br>
    <br>
    <input type="text" name="" placeholder="粘贴到这里试试">
</body>
<script>

    function copyToClipboard(elementId) {
        // 创建元素用于复制
        var aux = document.createElement("input");

        // 获取复制内容
        var content = document.getElementById(elementId).innerHTML || document.getElementById(elementId).value;

        // 设置元素内容
        aux.setAttribute("value", content);

        // 将元素插入页面进行调用
        document.body.appendChild(aux);

        // 复制内容
        aux.select();

        // 将内容复制到剪贴板
        document.execCommand("copy");

        // 删除创建元素
        document.body.removeChild(aux);

        //提示
        alert("复制内容成功:" + aux.value);
    }
</script>

</html>

没有更多推荐了,返回首页