失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > JS点击按钮复制文本

JS点击按钮复制文本

时间:2021-01-05 22:05:15

相关推荐

JS点击按钮复制文本

在PC端上通过点击按钮复制对应文本的业务场景,不经常有,但是让我碰见了,也了解了下实现方法。

1、通过createElement生成一个input输入框,并将其透明度设为0,使得用户无感知;

2、将需要复制的内容赋值到输入框内,(一定要将输入框添加到页面body中)才能使用select函数选中。

3、通过document.execCommand(“copy”)执行浏览器复制命令,就能将对应文本进行复制了

function handleCopy(text) {const input = document.createElement('input')input.style.cssText = 'opacity: 0;';input.type = 'text';input.value = text; // 修改文本框的内容document.body.appendChild(input)input.select(); // 选中文本document.execCommand("copy"); // 执行浏览器复制命令this.$message({message: '复制成功',type: 'success'})},

如果觉得《JS点击按钮复制文本》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。