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

最新推荐文章于 2024-06-15 07:54:41 发布

神百事

最新推荐文章于 2024-06-15 07:54:41 发布

阅读量4.8k

点赞数

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/bb415453941/article/details/70313825

版权

前端专栏收录该内容

26 篇文章 0 订阅

订阅专栏

<!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>

神百事

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
原生js实现复制浏览器内容

<!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="点击复制" onclic
复制链接

扫一扫

专栏目录