页面上实现一键复制功能,由于原生js的实现方法兼容性不是那么好,这里推荐使用 clipboard.js 来实现,比较好用。
使用方法://加载js(可下载本地加载)
//使用方式一:
这里是复制的文本内容666
复 制
$(document).ready(function(){
var clipboard = new Clipboard('#copy_btn');
clipboard.on('success', function(e) {
console.log("复制成功");
e.clearSelection();
console.log(e.clearSelection);
});
});
//使用方式二:
复 制
var clipboard = new Clipboard('#copy_btn', {
text: function () {
return $("#copy_btn").attr('data-value');
}
});
clipboard.on('success', function (e) {
alert("复制成功");
});
clipboard.on('error', function (e) {
alert("复制失败");
});
注:clipboard.js 的功能不止是可以实现复制,还可使用它进行剪切,还可以通过它复制其他元素的值等,具体的使用可查看官方文档: clipboard.js ;
本文地址:http://www.8080e.cn/post/65.html 转载请注明来源