把内容复制到剪贴板用JavaScript怎么做?
最编程
2024-02-15 08:58:26
...
js复制内容到粘贴板
//点击文本框复制其内容到剪贴板上方法
function copyToClipboard(str) {
var cinput = document.createElement('textarea'); // 动态创建textarea元素
cinput.value = str; // 把需要复制的内容赋值到textarea的vlaue上
cinput.setAttribute('readOnly', 'true');
//注意大小写,不写的话手机端会自动弹出输入框
document.body.appendChild(cinput); // 把创建的textarea元素添加进body元素内
cinput.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
cinput.className = 'oInput';
cinput.style.display = 'none';
cinput.style.opacity = '0';
alert("复制成功");
}
// 复制的方法
function copyText(text, callback){ // text: 要复制的内容, callback: 回调
var tag = document.createElement('textarea');
tag.setAttribute('id', 'cp_hgz_input');
tag.value = text;
document.getElementsByTagName('body')[0].appendChild(tag);
document.getElementById('cp_hgz_input').select();
document.execCommand('copy');
document.getElementById('cp_hgz_input').remove();
if(callback) {callback(text)}
}
©著作权归作者所有,转载或内容合作请联系作者