热门

最新

红包

立Flag

投票

同城

我的

发布
weixin_53072519
敬 之 全栈领域优质创作者
3 年前
trueweixin_53072519

方法:点击按钮复制指定位置的文本;
先获取目标位置的内容innerText,然后创建一个input输入框,将内容写入该输入框,选择input后执行复制命令(这个输入框必须添加到页面,否则是选择不到它的,我把它添加到了页面主体body的末尾,选择并复制完之后让它消失,避免占位)。

copy() {
var url = document.getElementById('url').innerText; //需要复制的内容
var input = document.createElement("input"); //创建一个input输入框
input.value = url; //将复制内容填入输入框
document.body.appendChild(input);//将所创建的input添加到页面的末尾
input.select(); //选中input
document.execCommand("Copy"); //执行浏览器的复制命令
input.style.display = 'none'; //创建的input框不显示不占位

Toast.success('链接已复制'); //这两条是vant ui语句,酌情忽略
this.show = false;//复制成功取消弹窗
},

代码片段分享
CSDN App 扫码分享
分享
3
9
打赏
  • 复制链接
  • 举报
下一条:
生日快乐
立即登录