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

最新推荐文章于 2025-04-25 20:45:00 发布

何其涛

最新推荐文章于 2025-04-25 20:45:00 发布

阅读量1.3k

点赞数

分类专栏： js 解决问题前端笔记文章标签： js javascript html

本文链接：https://blog.csdn.net/deng1456694385/article/details/105418646

版权

67 篇文章

订阅专栏

35 篇文章

订阅专栏

14 篇文章

订阅专栏

本文介绍了一个简单的JavaScript方法，可在所有浏览器中实现手动复制粘贴文本的功能。通过隐藏的textarea/input标签，设置需要复制的文本值，利用DOM操作与document.execcommand方法，模拟用户选中并复制文本的行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

完事！其实就是模拟手动选中复制的操作

代码：

//html
<textarea value="哈哈哈"/>

//
const dom = document.getElementsByTagName('textarea')[0]
dom.select()
document.execCommand('copy')

当然如果用react、vue框架用ref获取虚拟dom也同样操作就好了

ps: document.execCommand("paste")这个方法可以用来调用粘贴方法，方法也雷同先获取dom元素，然后focus元素，再执行粘贴，不过多赘述了