手机端点击复制链接到剪切板(以及PC端)
2017-10-11 10:23
387 查看
一直在找如何能点击按钮将一串字符串放到手机的剪切板上,但是可能是因为搜索的关键字不对,一直无果。
向同事请教了一下,给了一个clickboard.js的插件。开始试验的时候,使用手机自带浏览器进行测试,但是提示复制失败,就以为不行,但是其他人尝试的时候,都说是成功的,原来是微信端是可以使用这个复制方法的。
因为一般所做的网页都是用微信端进行访问,所以这样也算是实现了想要的功能。
data-clipboard-text即为插件获取需要复制的字符串所处的属性名
至于这个js是GitHub中开源的一个项目https://github.com/zenorocha/clipboard.js (实现纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能)
这个插件也是可以使用在PC端的,火狐,google,qq浏览器都是可以使用的。只是手机端的浏览器大概是机制问题?无法使用。
这里还有一个js插件:https://files.cnblogs.com/files/danlis/zeroclipboard.zip 直接把这个上传到了博客园的文件中,据说是PC端的复制,我还没测试过。
向同事请教了一下,给了一个clickboard.js的插件。开始试验的时候,使用手机自带浏览器进行测试,但是提示复制失败,就以为不行,但是其他人尝试的时候,都说是成功的,原来是微信端是可以使用这个复制方法的。
因为一般所做的网页都是用微信端进行访问,所以这样也算是实现了想要的功能。
<a href="javascript:;" style="color: #fff;"data-clipboard-text="@Model.ActivityLink" id="copyLink">复制活动链接</a>
<script src="/content/scripts/clipboard/clipboard.min.js"></script> <script> var clipboard = new Clipboard('#copyLink'); clipboard.on('success', function (e) { alert("复制成功!"); return; }); clipboard.on('error', function (e) { var link = $("#copyLink").attr("data-clipboard-text"); alert("复制失败!请手动复制,地址“" + link + "”"); return; }); </script>
data-clipboard-text即为插件获取需要复制的字符串所处的属性名
至于这个js是GitHub中开源的一个项目https://github.com/zenorocha/clipboard.js (实现纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能)
这个插件也是可以使用在PC端的,火狐,google,qq浏览器都是可以使用的。只是手机端的浏览器大概是机制问题?无法使用。
这里还有一个js插件:https://files.cnblogs.com/files/danlis/zeroclipboard.zip 直接把这个上传到了博客园的文件中,据说是PC端的复制,我还没测试过。
相关文章推荐
- JS 点击复制剪切板内容(IE9、Firefox4测试支持)
- 点击链接复制到剪贴板 js(兼容ie、firefox、chorme、safari...)
- 超级简单的点击按钮复制内容到浏览器的剪切板
- 多种方法去除按钮以及链接点击时虚线
- JS简单实现点击复制链接的方法
- 手机端uc浏览器开发者版本链接pc端chrome浏览器(方便4g网络情况下手机端的测试监控)
- iOS 点击按钮将文本复制到剪切板
- 关于判断web是手机端还是电脑端访问以及复制删除按钮的实现
- 4000 frame框架点击链接或者按钮跳转整个页面以及别的frame框架
- jquery+flash实现点击复制到剪切板
- 8. 文件系统――文件的删除、移动、复制过程以及链接文件
- firefox 在 verycd 中点击“复制选中的链接”不管用
- Android与JS交互 -----点击js页面复制一条信息到android 剪切板中
- 手机端网页点击链接触发自动拨打或保存电话的示例代码
- 【linux学习笔记】硬链接和符号链接以及复制的区别
- 针对常用移动端H5页面CSS 样式控制。禁用页面文本复制、禁用系统默认菜单、禁止链接点击高亮的处理。。。。
- 禁止右键点击以及复制功能
- H5页面,iOS以及部分Android手机链接a等标签点击的时候,会有阴影,怎么解决?
- 点击复制链接
- 复制链接到剪切板