前端实现复制功能
2021-03-18 本文已影响0人
Jabo
简介
前端实现复制功能大部分开发第一反应是插件clipboard,确实也比较省事。如果想自己实现很扩展其实也很简单,直接上代码
copy() {
let localObj = window.location;
let url = localObj.origin + '?id=' + this.userInfo.uid
let _input = document.createElement('input'); // 直接构建input
_input.value = url; // 设置内容
document.body.appendChild(_input); // 添加临时实例
_input.select(); // 选择实例内容
document.execCommand('Copy'); // 执行复制
document.body.removeChild(_input); // 删除临时实例
console.log('复制成功!')
},
ok妥了