如何实现按钮的复制粘贴功能?

这个方法兼容所有浏览器(包括ie9以上版本);
一般实现复制粘贴功能的话,我们一般借助第三方插件clipboardjs
首先先贴一下clipboardjs的官网地址:https://clipboardjs.com/

  1. 找到install部分,下载clipboard的包
  2. 在html页面引用 <script src="dist/clipboard.min.js"></script> 文件
  3. 下面贴出演示代码
<!--说明:button中 data-clipboard-target 的属性值  对应的是  input中的 id 值-->
<input type="text"  id="tAddress" value=“111111”/>
<button data-clipboard-target="#tAddress"  class="copyBtn">复制</button>
//点击 复制按钮 实现复制功能
var clipboard = new ClipboardJS('.copyBtn');//创建clipboard 对象
clipboard.on('success', function(e) {//监听到成功之后的事件
	alert("复制成功");
	
	//console.info('Action:', e.action);
    //console.info('Text:', e.text);
    //console.info('Trigger:', e.trigger);
    
	e.clearSelection();
});

这样就可以了!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值