js复制文本集合

之前遇到这种需求都是选择用插件,但是有的插件只对input,textarea等元素管用,比如clipboard.js,可以满足需求,需要的可以去看看。
clipboard.js: https://clipboardjs.com/
这次主要说js对一些不是input,textarea的元素进行内容复制,其实原理很简单,就是用js创建一个input,然后把内容赋值给input,然后通过input.select()进行选中,再通过浏览器自带的document.execCommand('copy')进行复制。看代码

copydizhi(index){
						
						var text =document.getElementById(index).innerText; //获取span元素的值
						var input = document.createElement('input');  //创建一个input
						
						input.setAttribute('id', 'copyInput'+index);  //input赋id
						input.setAttribute('value', text);            //将值赋给input
						document.getElementsByTagName('body')[0].appendChild(input); //在body中加入input
						document.getElementById('copyInput'+index).select(); //选中input
						if (document.execCommand('copy')) {   //复制
							alert('复制成功');
						}
						document.getElementById('copyInput'+index).remove();  //移除input
				
				
					},
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值