js实现复制文本
电脑版发表于:2020/5/20 22:37
方法一:
function copyContent(content) {
//获取要赋值的input的元素
var inputElement = document.getElementById("copy_content");
//给input框赋值
inputElement.value = content;
//选中input框的内容
inputElement.select();
// 执行浏览器复制命令
document.execCommand("Copy");
//提示已复制
alert('已复制');
}这种方式只能复制,text,textarea的内容,而且!!!不能 复制隐藏域的内容
方法二:借助第三方Js之clipboard.js
下载地址:
使用:
var clipboard = new ClipboardJS('#mytestbut', {
text: function () {
return $("#copy_content").val();
}
});
clipboard.on('success', function (e) {
alert('已复制')
e.clearSelection();
});
clipboard.on('error', function (e) {
alert("复制失败");
});这里的mytestbut就是你按钮的id,当然可以是class选择器,然后copy_content就是你需要复制的内容比如text,textare而且可以是隐藏域!
注意那个text哪里不能直接复制,他就是设计的通过一个回调函数来!
