ZeroClipboard js复制文本(兼容全部浏览器)
来源:互联网 发布:js面包屑导航代码 编辑:程序博客网 时间:2024/05/16 07:47
最近有个需求就是用js复制文本到剪贴板,写一下我的用法: 我找的是zeroClipboard这个插件,跨浏览器复制神器,主要是讲解一下这个插件的用法, 1、下载插件,下载地址:http://pan.baidu.com/s/1pKgTsF5,一共两个文件 ZeroClipboard.min.js,ZeroClipboard.swf 2、放在服务器上,注意是要在服务器上面,本地的html静态文本是没有用的,为此我很有感触。。 3、js引入,
<script type="text/javascript" src="/jquery.min.js"></script>//需要jquery支持<script type="text/javascript" src="/ZeroClipboard.min.js"></script>//服务器访问这个js文件的地址
4、js编写 a:单个点击复制
<script type="text/javascript" src="/jquery.min.js"></script>//需要jquery支持<script type="text/javascript" src="/ZeroClipboard.min.js"></script>//服务器访问这个js文件的地址<script type="text/javascript">$(document).ready(function(){ var clip=""; clip = new ZeroClipboard.Client(); //创建复制对象 ZeroClipboard.setMoviePath("/ZeroClipboard.swf"); //指定swf位置 clip.setHandCursor(true); //鼠标手势 clip.setText($("#copy_link"+).attr("url")); //添加复制信息 clip.addEventListener('mouseUp', function (client) { //注册事件 alert("已将URL链接复制到剪贴板"); //复制成功提示语 }); clip.glue("copy_link"); //按钮id 在下面↓})</script><body><a url="www.aliens.ren" href="javascript:;" id="copy_link" >点击复制</a><body>
b:多按钮复制
<script type="text/javascript" src="/jquery.min.js"></script>//需要jquery支持<script type="text/javascript" src="/ZeroClipboard.min.js"></script>//服务器访问这个js文件的地址<script type="text/javascript">$(document).ready(function(){ //复制 $.each($(".copyLink"),function(i,v){ toClipboard($(v).attr("id")) }) })function toClipboard(copy_link) { var clip=""; clip = new ZeroClipboard.Client(); //创建复制对象 ZeroClipboard.setMoviePath("/ZeroClipboard.swf"); //指定swf位置 clip.setHandCursor(true); //鼠标手势 clip.setText($("#"+copy_link).attr("url")); //添加复制信息 clip.addEventListener('mouseUp', function (client) { //注册事件 alert("已将URL链接复制到剪贴板"); //复制成功提示语 }); clip.glue(copy_link); //按钮id 在下面↓ } </script><body><a url="www.aliens.ren" href="javascript:;" id="copy_link1" class="copyLink">点击复制</a><a url="www.aliens.ren" href="javascript:;" id="copy_link2" class="copyLink">点击复制</a><a url="www.aliens.ren" href="javascript:;" id="copy_link3" class="copyLink">点击复制</a><a url="www.aliens.ren" href="javascript:;" id="copy_link4" class="copyLink">点击复制</a><body>
绑定事件有
1、complete复制完成
2、mouseUp鼠标弹起
3、mouseOver 鼠标离开
4、complete 复制完成 我用这事件老是不成功,我换成了mouseUp就成功了
好像还有其他,暂时用不着
1 0
- ZeroClipboard js复制文本(兼容全部浏览器)
- ZeroClipboard.js+ swf 复制网页内容(兼容所有浏览器)
- ZeroClipboard.js - 兼容所有浏览器的文字复制功能
- ZeroClipboard插件实现复制功能(兼容各大浏览器)
- 兼容浏览器复制jQuery ZeroClipboard插件
- ZeroClipboard实现复制功能,做到浏览器兼容
- ZeroClipboard实现多个浏览器兼容的复制文本到剪贴板的功能
- JS实现复制功能,兼容各大主流浏览器复制神器 ZeroClipboard
- js复制文本到剪贴板,使用ZeroClipboard
- ZeroClipboard.js实现复制文本到剪切板
- JS 实现跨浏览器复制: ZeroClipboard
- ZeroClipboard 完美实现复制粘贴功能、跨浏览器兼容
- ZeroClipboard插件:兼容各浏览器网页复制功能
- zclip ZeroClipboard 兼容各种浏览器的复制功能
- ZeroClipBoard 兼容IE浏览器的 多个复制
- zeroclipboard兼容多浏览器复制到粘贴板功能
- ZeroClipboard实现兼容各浏览器复制功能一款jquery插件
- ZeroClipboard实现兼容各浏览器复制功能一款jquery插件
- objective c 函数声明
- Android性能优化系列---管理你的app内存(一)
- [C++]Hanoi
- conflicting types for xx错误
- jquery form表单提交成功,回调方法
- ZeroClipboard js复制文本(兼容全部浏览器)
- Oracle未正确关闭引起的问题
- 转:IOS工程适配64-BIT 经验分享
- vijos P1197 费解的开关 题解
- 英文名Tyron的起始
- spring batch 2: 搭建环境以及简单的Job
- [Linux]常用Linux命令小结(持续更新中)
- LinearLayout 动态添加TextView控件
- 2.3日,重新开始学习,记录学习成果