js实现复制内容到剪贴板
2024-09-06 12:48:37
一、 原生js实现,电脑可以用,手机不可以用
1. 必须是 input元素 才可以使用
<input id="code" type="text" value="www">
<span class="copy-btn" v-on:click="copy">复制</span>
//获取input并执行选中
document.getElementById('code').select();
//执行documen的copy事件
document.execCommand('copy');
二、clipboard.js 实现,电脑、手机都可以用 https://github.com/zenorocha/clipboard.js
1. input、div 任何元素都可以使用
<span id="code">123456</span>
<span class="copy-btn" data-clipboard-target="#code" v-on:click="copy">复制</span>
let clipboard = new ClipboardJS('.copy-btn');
clipboard.on('success', function(e) {
//复制成功
console.log("复制成功");
//取消选中
e.clearSelection();
});
最新文章
- android基础(五)网络编程
- 如何解决pycharm输入中文报错问题
- 在.net中使用aquiles访问Cassandra(一)
- 如何用Endnote导入你要用的格式
- ASP标准控件的重要性
- NSQ:分布式消息队列学习记录
- tcpreplay安装使用
- Swift中的设计模式
- hdu5179(数位dp)
- html中的a标签的target属性的四个值的区别?
- JVM核心之JVM运行和类加载全过程
- hdu 5014(贪+位运算)
- d3.csv()后获取的数据不是数组,而是对象
- Java容器解析系列(9) PrioriyQueue详解
- python常见的数据转化函数
- [SDOI2017]树点涂色
- express4.x socket
- dubbo接口访问控制
- oracle数据库查询重复记录
- learning uboot distro design in am335x-evm board