解决clipboard在modal中点击两次才能成功问题

wxainn

于 2017-10-20 22:11:19 发布

阅读量3.9k

点赞数 1

分类专栏： JavaWeb 前端文章标签： clipboard js复制文本

本文链接：https://blog.youkuaiyun.com/wangxiaoan1234/article/details/78300006

版权

本文介绍了在使用clipboard.js复制文本时遇到的一个问题：当将复制按钮置于Bootstrap Modal内，需要点击两次才能成功复制。通过深入研究API，找到了一种有效解决方案，使得用户只需单击即可完成复制操作。

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

js复制内容到剪贴板一个简单兼容性好的解决方案是使用：clipboard
不需要借用flash。

//1、引入js文件
<script type="text/javascript" src="clipboard.min.js"></script>

//2、一个按钮
<button id="share" data-clipboard-text="被复制的文本">复制链接</button>