js复制文本内容

news/2024/11/24 4:04:16/
/*** js 复制方法封装,直接调用使用* @param {*} text 需要复制的内容* @returns */
export const copy = (text)=>{if(navigator.clipboard && window.isSecureContext){console.log(text);return navigator.clipboard.writeText(text)}else{// 判断是否支持拷贝if (!document.execCommand('copy')) return Promise.reject()// 创建标签,并隐藏const textArea = document.createElement('textarea')textArea.style.position = 'fixed'textArea.style.top = textArea.style.left = '-100vh'textArea.style.opacity = '0'textArea.value = textdocument.body.appendChild(textArea)// 聚焦、复制textArea.focus()textArea.select()return new Promise((resolve, reject) => {// 不知为何,必须写这个三目,不然copy不上document.execCommand('copy') ? resolve() : reject()textArea.remove()})}// 此复制方案在线上环境被禁用,浏览器禁用了非安全域的 navigator.clipboard 对象// return  navigator.clipboard.writeText(text)
}

http://www.ppmy.cn/news/102545.html

相关文章

【9 Vue全家桶 – Vuex状态管理】

1 什么是状态管理 其实是数据管理但是为了更好的指出是由于状态的变化导致数据的变化(响应式数据),我们称之为状态管理. 2 Vuex的状态管理 组件只能直接读取state,而不能直接修改state,必须通过mutation才能修改.(pinia可以直接读取和修改state) 3 Vuex的安装 npm install …

Swift的日常一些笔记

一:弹出框的自定义View,一个空白的view层,通过调用弹出此类 1.类文件DateSelectView import UIKitclass DateSelectView:UIView{var commonView:UIView?// var commonViewCloseBlock: (() -> Void)?let ALERTVIEW_HEIGHT UIScreen.ma…

Java中引用类型都有哪些

Java中对象的引用分为四种级别,这四种级别由高到低依次为:强引用、软引用、弱引用和虚引用。 强引用(StrongReference) 这个就不多说,我们写代码天天在用的就是强引用。如果一个对象被被人拥有强引用,那么…

缺少vcruntime140.dll如何修复?电脑小白也能学会修复vcruntime140.dll教程

Vcruntime140.dll是一个用于微软的Visual C软件的动态链接库文件,DLL的全称是动态连接库(Dynamic Link Library),它是许多不同软件中所共用的文件类型。这个文件被广泛用作其他软件的依赖库(dependency)。每当您尝试运行一个应用程…

最近距离 | EXCEL中批量查找与原点最近距离的目标点

一 需求 企业送餐、物流、通勤、选址等经常会遇到这样的需求,仓储地是固定的,客户下单后由于客户的地址具有随机性,需按照地理位置分布结合仓储位置进行分析,按距离近及远合理分配仓储,以便节省配送成本。 本文就以这…

nodjs使用阿里云镜像安装

要使用阿里云镜像来安装 npm 包,你需要按照以下步骤进行操作: 首先,确保你已经安装了 Node.js 和 npm。你可以在终端(或命令提示符)中输入以下命令来验证它们的安装: node -v npm -v如果显示了 Node.js 和…

数据可视化:趋势类可视化图表大全

图表是处理数据的重要组成部分,因为它们是一种将大量数据压缩为易于理解的格式的方法。数据可视化可以让受众快速Get到重点。 数据可视化的图表类型极其丰富多样,而且每种都有不同的用例,通常,创建数据可视化最困难的部分是确定哪…

每日一练 | 华为认证真题练习Day47

1、某台路由器输出信息如下,下列说法错误的是?(多选) A. 本路由器开启了区域认证 B. 本设备出现故障,配置的Router Id和实际生效的Router ID不一致 C. 本设备生效的Router Id为10.0.12.1 D. 本设备生效的Router Id为…