使用JS实现复制粘贴功能

如果嵌套太多使用这个：





// 複製單號1


 // 第一步把這個放到頁面


 // <div style="position:absolute; opacity: 0;" id="copy1"></div>


 // 第二步增加按鈕設置點擊事件


 // 第三如下：


 copyNo() {


 const a = document.createElement('textarea')


 let b;


 if (this.myshow) {


 a.innerText = this.aaa[this.aaa.ccc] || '';


 } else {


 a.innerText = this.bb|| '';


 }


 b = document.getElementById('copy1')


 a.setAttribute('id', 'copy');


 b.innerHTML = "";


 b.appendChild(a)


 let e: any = document.getElementById("copy");


 e.select(); // 选择对象


 document.execCommand("Copy"); // 执行浏览器复制命令


 if (a.value) {


 alert('Copy Success!');


 } else {


 alert('The copied content is empty!');


 }


 }


 // 複製單號2




 




如果是简单地输入框没有太多嵌套，使用这个：




<!DOCTYPE html>

<html>

<head>

<script type="text/javascript">

function copyLink(){

    var e = document.getElementById("copy");

    e.select(); // 选择对象

    document.execCommand("Copy"); // 执行浏览器复制命令

    alert("内容复制成功！");

}

</script>

</head>

<body>

<!-- <textarea id="copy">待复制的内容</textarea> -->

<input type="text"  id="copy">

<input type="button" onclick="copyLink()" value="点击复制"></input>

</body>

</html>


												


											
使用JS实现复制粘贴功能的更多相关文章
	

    
						
  1. js实现复制粘贴功能
		
    在项目中使用到复制粘贴功能,虽然网上有很多大牛封装了很多的插件,但是还是想不去使用插件,就像自己来实现这个功能. 另一篇是禁止复制粘贴 前端er怎样操作剪切复制以及禁止复制+破解等 初步想法: 1.  ...
    
		
    2. 
						
  2. 通过如何通过js实现复制粘贴功能
		
    在ie中window.clipboardData(剪切板对象)是可以被获取,所以利用这个方法我们可以实现在IE当中复制粘贴的功能,demo如下! <html> <head> & ...
    
		
    3. 
						
  3. 在html页面通过js实现复制粘贴功能
		
    前言:要实现这个功能,常用的方式大概分为两类,第一种就是上插件,这个网上有大把,第二种就是直接用几行JS来实现. 这次说第二种实现方式,这方式有很大的局限性,只能用表单元素,并且不能设置disable ...
    
		
    4. 
						
  4. JS ----实现复制粘贴功能 (剪切板应用clipboardData)
		
    注意:ie7,与ie8 对网页有个复制的权限,需在“安全”中的“自定义级别”的脚本中设置 clipboardData 对象 提供了对剪贴板的访问. 三个方法 :1.clearData(sDataFor ...
    
		
    5. 
						
  5. .NET 实现复制粘贴功能
		
    老是把自己当作珍珠,就时时有怕被埋没的痛苦.把自己当作泥土吧,让众人把你踩成一条道路. -----<泥土>鲁藜 .NET如何实现复制粘贴功能,具体代码如下: aspx文件: <div ...
    
		
    6. 
						
  6. Android EditText 取消复制粘贴功能,取消横向全屏编辑功能(一)
		
    在做一些安全性的软件时候常常要考虑取消 EditText 上的复制粘贴功能以确保安全性.下面就记录了这个方法: 首先在API-11以下的版本很简单,只需要在Xml布局文件或者用代码把长按属性设置成fa ...
    
		
    7. 
						
  7. 在CMD命令行和PowerShell中实现复制粘贴功能
		
    在CMD命令行和PowerShell中实现复制粘贴功能         常常使用命令行或者PowerShell的朋友肯定会遇到这样的情况:粘贴文本非常easy,右键--选择粘贴就可以,可是想要复制命令 ...
    
		
    8. 
						
  8. 仿复制粘贴功能，长按弹出tips的实现
		
    方案分析: 方案一:监听长按事件弹出PopupWindow[可行,缺点布局是固定的,小语种下会出现菜单截断现象] 方案二:弹出ContextMenu[不可行,因为ContextMenu的菜单是上下排列 ...
    
		
    9. 
						
  9. iOS开发之--复制粘贴功能
		
    复制粘贴功能,代码如下: 1.复制功能 UIPasteboard *pasteboard = [UIPasteboard generalPasteboard]; pasteboard.string = ...
    
		
    10. 
						
  10. Java  io流完成复制粘贴功能
		
    JAVA 中io字节输入输出流 完成复制粘贴功能: public static void main(String[] args) throws Exception{        // 创建输入流要读 ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. 二、python基本数据类型
			
    一. 字面量 代码中,被写在代码中的固定的值,称之为字面量 Python常用6种值(数据)类型 字符串(string) :又称文本,是由任意数量的字符如中文.英文.各类符号.数字等组成.所以叫做字符的 ...
    
			
    2. 
						
  2. 创建外部表步骤及解决ORA-29913:执行ODCIETTABLEOPEN调出时出错
			
    创建外部表步骤 建立目录对象(用sys用户创建.授权) 外部表所在路径一定要写对!!! create directory ext_data as 'D:\ORACLE'; grant read,wri ...
    
			
    3. 
						
  3. Oracle用户创建及删除
			
    偶尔会用到,记录.分享. 1. Oracle用户创建 #创建用户表空间create tablespace $username datafile '/u01/app/oracle/oradata/ufg ...
    
			
    4. 
						
  4. DevOps | 企业内源(内部开源）适合什么样的公司
			
    框架类是否适合企业内源? 框架类都由公司早期来的一些大佬们负责(相当于技术委员会),更新频率非常低.给框架类提MR的人,多数本身就在技术委员会. 如果公司的人员众多,类似BAT级别,几万人使用的框架, ...
    
			
    5. 
						
  5. 树莓派（香橙派）通过.NET IoT 操作SPI编写屏幕驱动 顺手做个四足机器人（一）
			
    摘要 这片文章主要是记录自己的整活过程,涉及到的技术包括.NET IoT, .NET Web, .NET MAUI,框架采用的也是最新的.NET 7. 本人是用的树莓派Zero 2 W(ubuntu- ...
    
			
    6. 
						
  6. ifconfig命令的使用
			
    ifconfig命令 用途:配置或显示TCP/IP网络的网络接口参数. *1.通过--help学习ifconfig的使用 点击查看代码 [root@rocky8 ~]# ifconfig --help ...
    
			
    7. 
						
  7. 原来用 MySQL 也可以做全文检索
			
    我是风筝,公众号「古时的风筝」,专注于 Java技术 及周边生态. 文章会收录在 JavaNewBee 中,更有 Java 后端知识图谱,从小白到大牛要走的路都在里面. 有朋友聊到他们的系统中要接入全 ...
    
			
    8. 
						
  8. JavaScript入门①-基础知识筑基
			
    01.JavaScript基础知识 JavaScript(缩写:JS)是一种具有面向对象能力的.解释型的程序语言,基于对象和事件驱动,具有相对安全性的客户端脚本语言.JavaScript是一门完备的  ...
    
			
    9. 
						
  9. C++编程笔记(通信)(win32平台)
			
    目录 一.初始化网络库 二.socket套接字 2.1服务端 2.2客户端 三.发送.接收数据 3.1发送 3.2接收数据 四.自定义的结构体 4.1 发送端 4.2接收端 IPV6版本套接字的创建  ...
    
			
    10. 
						
  10. 2A锂电池充电管理IC,具有恒压/恒流充电模式
			
    PW4052 是一颗适用于单节锂电池的.具有恒压/恒流充电模式的充电管理 IC.该芯片采用开关型的工作模 式, 能够为单节锂电池提供快速. 高效且简单的充电管理解决方案. PW4052 采用三段式充电 ...
    
			
    11.