一个不分离项目的紧急需求, 需要添加一个复制功能, 作为一个小菜鸟, 自己写肯定写不出, 也记不住那么多方法, 之前分离项目, npm install 安装插件就好了, 但是不分离项目不好找对应插件, 期望使用原生js
- 在经过百度, CSDN, 博客园这些文抄公之后, 历经九九八十一难, 终于找到了, 特此在这里记录
//点击文本框复制其内容到剪贴板上方法
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)}
}
方法都差不多, 起码又用, 最后吐槽, 文抄公能不能抄点有用的, 也不管人家博主写的代码有用没用, 看到人家写了就往自己博客上套, 出错的地方也一样.也不检查或者自己运行一下
