首页 > 其他分享 >js复制功能

js复制功能

时间:2024-05-28 09:57:42浏览次数:13  
标签:功能 textArea js 复制 let valueList document pList

<div class="content"></div>
<el-button @click="copy">复制</el-button>

copy() {
			let pList = document.querySelectorAll(".content")
			let valueList = []
			if (pList.length > 0) {
				pList.forEach(r => {
					valueList.push(r.textContent + '\r\n')
				})
				valueList = [valueList[valueList.length - 1]]
			}
			console.log(valueList)
			let text = valueList.join('')
			let textArea = document.createElement("textarea");
			textArea.value = text
			document.body.appendChild(textArea);
			textArea.select()
			document.execCommand('copy')
			document.body.removeChild(textArea)
			this.$message.success('复制成功!')
		},

标签:功能,textArea,js,复制,let,valueList,document,pList
From: https://www.cnblogs.com/LiZiheng/p/18217170

相关文章

  • 界面控件DevExtreme v23.2亮点 - 标签、表单、编辑器功能升级
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合,使您可以利用现代Web开发堆栈(包括React,Angular,ASP.NETCore,jQuery,Knockout等)构建交互式的Web应用程序。从Angular和Reac,到ASP.NETCore或Vue,DevExtreme包含全面的高性能和响应式UI小部件集合,可在传统Web和下一代移动应用程序中......
  • 聊聊如何感知项目引入哪些功能特性
    前言使用过springcloud全家桶朋友,应该知道springcloud涉及的组件很多,为了让开发者快速了解项目引入了springcloud哪些组件,springcloud引入了HasFeatures,配合Actuator,可以让开发者感知到项目引入的组件功能类型、名称、版本以及对应的开发商。今天我们就利用这个特性,自己实现一把......
  • notepad++ 将JSON压缩成一行与JSON格式化
    参考文档:https://blog.csdn.net/weixin_43684328/article/details/109528085实际只有两部:第一步: 第二步:  ####################下面是转发参考的内容#######################无需插件,正则替换即可如果json中含有空格不想替换时可以分别替换回车和制表符{"DAT......
  • 【分享】FFmpeg桌面神器,集多种功能于一身,超级好用,不用命令行!
    在媒体处理上,市面上有很多软件可以选择,在众多软件里面FFmpeg是比较独特的一款,直接选择FFmpeg硬核命令行工具的朋友相对较少,大多时候只是被集成在各样的软件里,如果单独拿出来使用,不少人会觉得有点懵和抗拒的。  那有没有一款好用的FFmpeg图形界面版本呢?今天体验......
  • 功能分解图
    某培训机构入学管理系统有报名、交费和就读等多项功能,下面是对其各项功能的说明:1、报名:由报名处负责,需要在学员登记表上进行报名登记,需要查询课程表让学员选报课程,学院所报课程将记录到学员选课表2、交费:由收费处负责,需要根据学员所报课程的收费标准进行收费,然后在账目表上记......
  • 升鲜宝供应链管理系统重构版发布(技术点:Java8、mysql8.0 uniapp、vue、android、web 框
    升鲜宝供应链管理系统重构版发布(技术点:Java8、mysql8.0uniapp、vue、android、web框架:Vue3+SpringBoot3),界面功能(一)  升鲜宝供应链管理系统重构版发布(技术点:Java8、mysql8.0uniapp、vue、android、web框架:Vue3+SpringBoot3),界面功能(一) 1.登录与申请试用界......
  • json-server 快速搭建接口服务 使用教程
    json-server是一款小巧的接口模拟工具,一分钟内就能搭建一套Restful风格的API,尤其适合前端接口测试使用。只需指定一个json文件作为api的数据源即可,使用起来非常方便,30秒入门。进阶操作还支持分页,排序等操作,非常方便!开源地址主页地址:https://www.npmjs.com/package/js......
  • AD常用功能快捷键
    作者:林良胜AD很多功能,而且都有默认的快捷键,接下来盘点了我们常用的一些功能快捷键,对于有使用上的疑惑,可以私信或者评论联系我们,我们会给予大家反馈,并出使用教程单根布线:Ctrl+W/U+T差分布线:U+i改变方向:走线或绘制铜箔过程中点 空格放置过孔:P+V走线过程中放置过孔:走线......
  • 基于SSM+JSP的学生公寓管理系统
    !!!有需要的小伙伴可以通过文章末尾名片咨询我哦!!! ......
  • c++箭头运算符在类与结构体之间可以做的功能简介
    #include<iostream>//箭头运算符在类与结构体之间可以做的功能以及重载运算符。#include<string>classentity{public: intx;public: voidprint()const{std::cout<<"hello!"<<std::endl;}};classscopedPtr{private: entity*m_Obj;public: sc......