解决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
- 解决clipboard在modal中点击两次才能成功问题
- 解决使用 clipboard.js 复制内容点击两次才能成功问题
- 解决popupWindow 中EditText点击两次才能输入的问题
- 解决EditText点击两次才能输入的问题
- listview中含有edittext 出现 点击两次才能弹出软件判断的问题
- EditView 需要点击两次才能输入的解决
- Clipboard.js 跳出多次复制成功的问题及其解决
- 关于程序两次点击才能正常响应的问题
- 如何解决IE8中select控件多选控件在焦点不在控件上时点击选项要点击两次才能选中的问题
- 解决GridView控件分页点击两次问题
- RN解决在ScrollView中用多个TextInput两次点击问题
- 解决dialog中edittext点击两次才响应事件的问题
- cocos2dx中键盘的返回键,按了两次才能回到焦点,此处代码是为了解决back返回键需要两次的问题
- 解决ckeditor在bootstrap中modal中弹框无法输入问题
- EditText点击两次才能响应Onclick
- CreateDialog Tab Control 点击两次才能切换
- Android EditText点击两次才能响应,解决办法
- Android EditText点击两次才能响应,解决办法
- Python中super的用法
- iOS 设置导航栏透明后 push 界面 界面下移64高度
- 【1701H1】【穆晨】【171020】连续第十天总结
- HashMap中的key为什么不能为可变对象
- ubuntu16.04下安装virtualbox
- 解决clipboard在modal中点击两次才能成功问题
- xhtml
- malab里的colormap函数如何使用
- 蚂蚱跳跃(移动距离)
- ANDROID中使用开源框架ANDROID-IMAGE-INDICATOR实现图片轮播部署
- Log4j的简单使用
- UML用例图
- 面试小记2
- 初识网络爬虫之二:httplib与urllib实现