第一步引入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是取不到值的