js复制文本到剪切板

javascript 复制代码
        //复制文本
        function copyText(text) {
            var element = createElement(text);
            element.select();
            element.setSelectionRange(0, element.value.length);
            document.execCommand('copy');
            element.remove();
            alert("已复制到剪切板");
        }
 
        //创建临时的输入框元素
        function createElement(text) {
            var isRTL = document.documentElement.getAttribute('dir') === 'rtl';
            var element = document.createElement('textarea');
            // 防止在ios中产生缩放效果
            element.style.fontSize = '12pt';
            // 重置盒模型
            element.style.border = '0';
            element.style.padding = '0';
            element.style.margin = '0';
            // 将元素移到屏幕外
            element.style.position = 'absolute';
            element.style[isRTL ? 'right' : 'left'] = '-9999px';
            // 移动元素到页面底部
            let yPosition = window.pageYOffset || document.documentElement.scrollTop;
            element.style.top = `${yPosition}px`;
            //设置元素只读
            element.setAttribute('readonly', '');
            element.value = text;
            document.body.appendChild(element);
            return element;
        }
相关推荐
杰瑞不懂代码9 分钟前
基于 MATLAB 的 BPSK/QPSK/2DPSK 在 AWGN 信道下的 BER 性能仿真与对比分析
开发语言·matlab·qpsk·2psk·2dpsk
小鸡脚来咯33 分钟前
python虚拟环境
开发语言·python
全栈前端老曹40 分钟前
【前端路由】Vue Router 嵌套路由 - 配置父子级路由、命名视图、动态路径匹配
前端·javascript·vue.js·node.js·ecmascript·vue-router·前端路由
龘龍龙42 分钟前
Python基础(九)
android·开发语言·python
电摇小人1 小时前
我的“C++之旅”(博客之星主题作文)
java·开发语言
资生算法程序员_畅想家_剑魔1 小时前
Java常见技术分享-23-多线程安全-总结
java·开发语言
EndingCoder1 小时前
安装和设置 TypeScript 开发环境
前端·javascript·typescript
ytttr8731 小时前
MATLAB中CVX凸优化工具箱的使用指南
开发语言·matlab
萧曵 丶1 小时前
ArrayList 和 HashMap 自动扩容机制详解
java·开发语言·面试
这是程序猿1 小时前
基于java的ssm框架学生作业管理系统
java·开发语言·spring boot·spring·学生作业管理系统