将文本的内容复制到剪切板,ZeroClipboard
来源:互联网 发布:网络机顶盒看片你懂的 编辑:程序博客网 时间:2024/04/30 03:33
昨天做一个自认为很简单的效果....一个input,一个按钮,点击按钮将文本复制到剪切板上...(以前不是经常用吗,好像很简单的样子.)
然后昨天捣鼓了一个小时才搞定...这里记一下,以后说不定用得着..
只能说浏览器的兼容是一个大坑...
正题吧....
ie浏览器好像有自己的一个唯一方式..似乎所有其他浏览器都不兼容...也就是 window.clipBoardData.setData
所以逼于无奈...选择用插件..ZeroClipboard..
首先下载两个文件1. jquery.zclip.min.js 2.ZeroClipboard.swf (3.jquery-1.11.1.min.js )
第三个是jQuery的js.有的话就不用下
引入相关的js
<script src="js/jquery-1.11.1.min.js" type="text/javascript"></script><script type="text/javascript" src="js/jquery.zclip.min.js"></script>
页面是这个样子滴...
<input type="text" class="tjm_inputtext" value="我是要复制的内容" id="code" /> <input type="button" title="复 制" value="复 制" class="tjm_btn" id="copy" />然后js是这个样子滴.
$(function(){ $('#copy').zclip({ path: 'js/ZeroClipboard.swf', copy: function(){ return $('#code').val(); }, afterCopy: function(){ alert("已经复制了哟."); } });});其中ZeroClipboard.swf若不在当前目录下的话,需要指定路径.
这这样就可以复制到剪切板了....好像很简单..弄了我一个多小时..哎...
这个也可以在本地跑哦..(ps:网上直接用js的不能在本地跑的样子...必须服务器环境)
0 0
- 将文本的内容复制到剪切板,ZeroClipboard
- ZeroClipboard.js实现复制文本到剪切板
- 使用 ZeroClipboard 复制内容到剪切板
- js复制内容到剪切板-ZeroClipboard
- ZeroClipboard 复制到剪切板 的一些事件
- javascript使用ZeroClipboard组件复制内容到剪切板
- ZeroClipboard复制内容到剪贴板的使用
- JavaScript将文本复制到剪切板
- Unity将文本复制到剪切板
- Unity3D-将文本复制到剪切板
- Unity将文本复制到剪切板
- iOS 将文本复制到剪切板
- 【zeroclipboard】复制到剪切板小功能
- jQuery复制文本内容到剪贴板插件 ZeroClipboard
- 将文本内容添加到手机剪切板
- JS将制定内容复制到剪切板
- iOS 将内容复制到剪切板
- jquery zclip将内容复制到剪切板
- 【LeetCode】Remove Duplicates from Sorted Array
- EJB初级篇--何为EJB
- Sicily 2501 算算式
- 第五章函数—5.1.4讲学习笔记
- 提高Android开发效率的小技巧
- 将文本的内容复制到剪切板,ZeroClipboard
- HTTP消息头中的“Cache-control”介绍
- jquery全选和全不选的实现。一句jquery
- IOS——插入拔出Sim卡监听方法及是否插入Sim卡判断方法
- ShareSDK集成第三方登录和分享的步骤
- JSON与XML的区别比较
- 从技术层到管理层修炼之路:架构师
- 37条常用Linux Shell命令组合
- 【LeetCode】Remove Duplicates from Sorted Array II