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是取不到值的

展开阅读全文

没有更多推荐了,返回首页