clipboard.js实现手机端/H5复制

第一步引入js文件

第二步id的一致性

第三步实现代码

//init
var clipboard = new ClipboardJS('.copyUrlBtn');
//优雅降级:safari 版本号>=10,提示复制成功;否则提示需在文字选中后,手动选择“拷贝”进行复制
clipboard.on('success', function(e) {
	 alert('复制成功!')
	 e.clearSelection();
});
clipboard.on('error', function(e) {
	alert('请选择“拷贝”进行复制!')
}); 

 注意采坑: 1.

var clipboard = new Clipboard('#codeBtn');

然后控制台会报错  Uncaught TypeError: Illegal constructor

v2.0 以后不能用这个方法实例化了,必须给后面加个大写的JS

2.第二个就是 clipboard.min.js:7 Uncaught DOMException: Failed to execute 'setSelectionRange' on 'HTMLInputElement': The input element's type ('hidden') does not support selection. 

不支持隐藏的ipnut属性,这样clipboard是取不到值的

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值