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

来源:互联网 发布:阿里云干嘛的 编辑:程序博客网 时间:2024/05/17 17:46

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

//1、引入js文件<script type="text/javascript" src="clipboard.min.js"></script>//2、一个按钮<button id="share" data-clipboard-text="被复制的文本">复制链接</button><script>//3、初始化    var clipboard = new Clipboard('#share');</script>

正常情况下这样就可以了,但是最近在使用的过程中发现了一个小问题:

将按钮放在Bootstrap Modals中,只有点击两次才能复制成功。

尝试了各种方法,百度了好长时间也没有有效的解决方法,后来在查api时发现解决方法:
解决方法如下:

//modal为Bootstrap Modals的idvar clipboard = new Clipboard('#share', {    container: document.getElementById('modal')});

这里写图片描述

阅读全文
0 0
原创粉丝点击