// 点击复制的方法
copyUrl(url) {
// 创建一个 Input标签
const cInput = document.createElement('input')
cInput.value = url
document.body.appendChild(cInput)
cInput.select() // 选取文本域内容;
// 执行浏览器复制命令
// 复制命令会将当前选中的内容复制到剪切板中(这里就是创建的input标签)
// Input要在正常的编辑状态下原生复制方法才会生效
document.execCommand('Copy')
this.$notifice('success', '复制成功') // antd框架封装的通知,如使用别的UI框架,换掉这句
/// 复制成功后再将构造的标签 移除
cInput.remove()
}
相关文章
- 10-26原生JS操作DOM节点代码
- 10-26原生js学习 选择dom
- 10-2650行代码手写原生js轮播图
- 10-26js原生实现三级联动下拉菜单
- 10-26原生js实现数据的双向绑定
- 10-26JS排序:localeCompare() 方法实现中文排序、sort方法实现数字英文混合排序
- 10-26案例——原生js模块化开发日历控件
- 10-26js数组常用方法
- 10-26实战分享:VS Code 调试 js 的两种方法
- 10-26关于js中的get、set方法