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;
        }
相关推荐
机器视觉知识推荐、就业指导11 分钟前
Qt 和 C++,是不是应该叫 Q++ 了?
开发语言·c++·qt
lichenyang45316 分钟前
从零开始构建 React 文档系统 - 完整实现指南
前端·javascript·react.js
比特森林探险记17 分钟前
Hooks、状态管理
前端·javascript·react.js
m0_7482299928 分钟前
ThinkPHP快速入门:从零到实战
c语言·开发语言·数据库·学习
liu****29 分钟前
三.Qt图形界面开发完全指南:从入门到掌握常用控件
开发语言·c++·qt
布茹 ei ai41 分钟前
Python屏幕监视器 - 自动检测屏幕变化并点击
开发语言·python
小龙报1 小时前
【C语言进阶数据结构与算法】单链表综合练习:1.删除链表中等于给定值 val 的所有节点 2.反转链表 3.链表中间节点
c语言·开发语言·数据结构·c++·算法·链表·visual studio
比特森林探险记1 小时前
组件通信 与 ⏳ 生命周期
前端·javascript·vue.js
黎雁·泠崖1 小时前
Java抽象类与接口:定义+区别+实战应用
java·开发语言
海绵宝龙1 小时前
Vue中nextTick
前端·javascript·vue.js