使用clipboard.js实现移动端粘贴复制
来源:互联网 发布:淘宝店铺音乐链接地址 编辑:程序博客网 时间:2024/05/16 19:07
clipboard.js是一款很强大的粘贴复制的插件,但是在移动端使用,会出现兼容性问题。下面是我常使用的一种解决方案。
html
<input id="foo1" value="http://www.shellad.com/_2SP__22(要复制的内容)" readonly="readonly"><div class="the_btn_con"><button class="btn" data-clipboard-target="#foo1">复制</button></div>
js
$(function () { var clipboard = new Clipboard('.btn'); //优雅降级:safari 版本号>=10,提示复制成功;否则提示需在文字选中后,手动选择“拷贝”进行复制 clipboard.on('success', function(e) { alert('复制成功!') console.log($(this)) e.clearSelection(); }); clipboard.on('error', function(e) { alert('请选择“拷贝”进行复制!') }); })
注意我在保存要复制的内容时使用的是input控件,而不是div或者span。因为,在测试时只有input的兼容性最好,不会出现问题,能够保证正常复制。同时,该插件也不支持safari 版本号<10,所以要做好提示。
阅读全文
0 0
- 使用clipboard.js实现移动端粘贴复制
- Clipboard.js : 移动端浏览器实现网页内容复制
- 移动端复制按钮(点击复制,clipboard.js)
- Clipboard实现文件,文本的"复制","粘贴"
- clipboard.js 实现移动端和pc端复制到剪贴板功能
- 网页复制,使用clipboard.js复制任意内容到粘贴板.不需要通过flash
- clipboard.js实现复制功能
- 使用clipboard.js复制示例
- 使用clipboard.js实现页面内容复制到剪贴板
- 使用clipboard.js实现页面内容复制到剪贴板
- 使用clipboard.js实现页面内容复制到剪贴板
- Clipboard.js 无需Flash的JavaScript复制粘贴库
- Clipboard.js 无需Flash的JavaScript复制粘贴库
- clipboard.js 实现 点击按钮复制粘贴兼容ios 安卓 pc浏览器 zclip复制插件需要Flash支持
- js实现复制粘贴
- js 实现 复制、粘贴
- js实现复制粘贴
- Java操作系统剪贴板(Clipboard)实现复制和粘贴
- ubuntu 下出现E: Sub-process /usr/bin/dpkg returned an error code
- 职称论文发表
- 纯纯纯小白的adb入门讲解-(如何安装adb)
- huber_loss(python)
- JSON的三种解析方式以及JSONObject、JSONArray区别
- 使用clipboard.js实现移动端粘贴复制
- 17级研究生第一年
- leetcode 231. Power of Two 神奇的位操作
- codeforces 855A 模拟
- Pandas常用功能
- Socket理论知识
- PHP中使用CKEditor上传图片
- swift 开发UIWebView跟JS的交互
- .git 获取git中代码漏洞修复