js 复制内容到剪切板

Posted 2023-03-04 sky

项目介绍

　　　　基于ThinkPHP6.0和layui的快速开发的后台管理系统。

　　　　支持php8.0版本

　　　　技术交流QQ群：533738074 加群请备注来源：如gitee、github、官网等。

站点地址

• 官方网站：http://ruan.scmls.cn

• 文档地址：http://docs.scmls.cn

• 演示地址：http://mango.scmls.cn/admin（账号：admin，密码：123456。备注：只有查看信息的权限）

需求：

 　　复制一些文本到电脑的剪切板

 

代码：　

    //data就是需要复制的字符串

    function copyCode(data)

            //创建一个input框

        let input = document.createElement(\'input\');

        //设置id

        input.id = "temp_copy";

        //设置只读

        input.setAttribute(\'readonly\', \'readonly\');

        //赋值

        input.setAttribute(\'value\', data);

        //把input添加到body中

        document.body.appendChild(input);

        //选中input框，取值复制

        $(\'#temp_copy\').select();

        document.execCommand("copy",false,null);

        //删除input框

        document.body.removeChild(input);