使用js的document.execCommand(“Copy“) 方法实现点击复制功能

徊忆羽菲

于 2021-06-04 10:35:49 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： Html Jquery Javascript

本文链接：https://blog.youkuaiyun.com/guo_qiangqiang/article/details/117551601

本文介绍了如何利用JavaScript的document.execCommand('Copy')方法来实现点击复制功能。针对在实现过程中遇到的问题，如input框的disabled、width/height为0、hidden属性等限制，提出了通过创建一个opacity为0且position为absolute的隐藏input框来解决，从而成功实现点击复制文本的功能。

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

使用js的document.execCommand（"Copy"）方法实现点击复制功能

- 点击复制
- 解决方案

点击复制

在这里插入图片描述
html代码

<input type="text" class="form-control" id="video_url" name="video_url"                                 value="Product_video/20200212HH352120200212HH3521.mp4

最低0.47元/天解锁文章