js复制链接到剪贴板

<a-button type="link"  @click.stop="copyLink(record)">复制链接</a-button>

// 复制链接
// 方法一
copyLink(record) {const input = document.createElement('input')input.setAttribute('readonly', 'readonly')input.setAttribute('value', `http://www.baidu.com/`)document.body.appendChild(input)input.select()if (document.execCommand('copy')) {document.execCommand('copy')}document.body.removeChild(input)this.$message.success('复制成功')
},
// 方法二
copy(record) {let target = document.createElement('input') //创建input节点target.value = record.value+ ''; // 给input的value赋值document.body.appendChild(target) // 向页面插入input节点target.select() // 选中inputdocument.execCommand('Copy') // 执行浏览器复制命令this.$toast('复制成功')target.remove()
},

js复制链接到剪贴板相关推荐

js复制文本到剪贴板_如何将输出文本从命令行复制到Windows剪贴板
js复制文本到剪贴板 If you're doing work at the command line on your Windows box, it's sometimes useful to co ...
js复制文本到剪贴板_如何将文本和图像固定到Windows 10的剪贴板历史记录
js复制文本到剪贴板 Windows 10 makes copy and paste more convenient with a feature called Clipboard history. ...
JS 复制内容到剪贴板
使用 JS 复制内容到剪贴板主要有两种方式: 使用 clipboard.js 插件使用 document.execCommand() 原生方法 1.使用 clipboard.js 插件该插件使用比 ...
jQuery/Js复制文本到剪贴板
<!doctype html> <html lang="en"><head><meta charset="UTF-8" ...
【战术性mark】JS 复制内容到剪贴板
看到这篇文章想要转载的原因是,之前想做一个Chrome插件,实现功能是特定网站监听用户复制,然后自动缀上磁力链接头是的,这玩意的作用就是你现在所想的那样.只是鉴于之前一直没搞定读写Windows剪切 ...
js复制内容到剪贴板代码，js复制代码
例子 <script type="text/javascript"> function jsCopy(){ var e=document.g ...
JS复制内容到剪贴板
这里我只讲解一个办法,网上找了一大堆全是扯淡! 第一步: npm install clipboard-polyfill 第二步: import clipboard from "clipboa ...
html图片如何复制到剪贴板,记js复制图片到剪贴板的坑
故事背景,需要直接在页面上点击一键粘贴按钮,自动复制服务生成的图片到剪贴板方便业务一些粘贴发送给客户. 1.开始做法,使用原生的document.execCommand('copy')进行复制,代码如 ...
Clipboard.js复制粘贴到剪贴板
来自他人参考链接:https://www.cnblogs.com/kevinCoder/p/6144376.html 转载于:https://www.cnblogs.com/jiaqi1719/p/9 ...

js复制链接到剪贴板

js复制链接到剪贴板相关推荐

最新文章

热门文章