兼容所有浏览器的js简单手动复制粘贴文本方法
因为比较简单所以就简短说三步:
- 创建一个不显示在页面上的textarea/input标签
- 将需要复制的值设置到标签的value属性上
- 获取标签dom调用
select
方法选中所有内容,调用document.execcommand('copy')
执行复制
完事!其实就是模拟手动选中复制的操作
代码:
//html
<textarea value="哈哈哈"/>
//
const dom = document.getElementsByTagName('textarea')[0]
dom.select()
document.execCommand('copy')
当然如果用react、vue框架用ref获取虚拟dom也同样操作就好了
ps: document.execCommand("paste")
这个方法可以用来调用粘贴方法,方法也雷同先获取dom元素,然后focus元素,再执行粘贴,不过多赘述了