兼容所有浏览器的js简单手动复制粘贴文本方法

因为比较简单所以就简短说三步:

  1. 创建一个不显示在页面上的textarea/input标签
  2. 将需要复制的值设置到标签的value属性上
  3. 获取标签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元素,再执行粘贴,不过多赘述了


版权声明:本文为deng1456694385原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/deng1456694385/article/details/105418646