文档章节

jQuery-zclip实现复制内容到剪切板

zhiqiangw
 zhiqiangw
发布于 2017/09/05 21:30
字数 237
阅读 21
收藏 1

下载jq框架

下载地址:http://jquery.com/

下载jquery.zclip文件

下载地址:https://github.com/patricklodder/jquery-zclip

下载layui框架

下载地址:http://www.layui.com/

<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
<script type="text/javascript" src="jquery.zclip.min.js"></script> 

正确引入之后进行方法调用

<span id="link" style="display: none;">https://my.oschina.net/zhiqiangwang/blog</span>
<span class="tpl-label-info" id="copyBtn"  > 提取链接</span>

<script> 
    $('#copyBtn').zclip({ 
        path: "ZeroClipboard.swf", 
        
        copy: function(){ 
        	return $('#link').html(); 
        },
        beforeCopy:function(){
           /* 按住鼠标时的操作 */
        },
  		afterCopy:function(){/* 复制成功后的操作 */
  			layer.msg('复制成功');
  		}
    }); 
</script>

选项

选项 默认值 描述
路径 'ZeroClipboard.swf' 通往ZeroClipboard.swf的路径
复制 null 要复制的字符串或返回要复制的字符串的函数
afterCopy null 复制后执行的功能
beforeCopy null 复制前执行的功能
clickAfter true 将点击事件中继到复制后绑定的元素
setHandCursor true 将光标设置为指针
setCSSEffects true 添加hoveractive类到绑定到的元素

© 著作权归作者所有

共有 人打赏支持
zhiqiangw
粉丝 12
博文 193
码字总数 142652
作品 0
郑州
程序员
jquery+flash(zclip)实现点击复制到剪切板

jQuery-zclip是一个复制内容到剪贴板的jQuery插件,使用它我们不用考虑不同浏览器和浏览器版本之间的兼容问题。jQuery-zclip插件需要Flash的支持,使用时记得电脑安装Adobe Flash Player。 ...

东子
2014/09/20
0
2
JAVASCRIPT复制到剪贴板

来源:我的博客 最近答应张先生替 42qu 写一个短址服务,写的过程中学到若干新东西,JS操作剪贴板便是其中一例。 Javascript本身当然提供了操作剪贴板的接口,一般长得像 function copyToCli...

何世友
2012/01/17
0
0
【js】js访问剪切板(兼容各大浏览器)唯一解决方案ZeroClipboard.swf

需求描述: 通过JS实现将页面中的某个元素的数据复制到剪切板上。 需求分析: 要用JS实现最大的问题就是浏览器的兼容性问题了。而且最大的问题还是浏览器出于安全型的考虑,所以像chrome,F...

666B
2014/08/12
0
0
关于js复制到剪贴板的处理方法

项目最开始引用了copy的方法,只支持ie和火狐,对其他的浏览器不兼容,后来在网上刨了刨.发现了终极解决办法,zclip,这个完美兼容疙各大浏览器复制到剪贴板,引入了swf的文件。调了一个小时,...

范思哲思考者
2014/04/13
0
0
Zero Clipboard-js复制到剪切板(支持多浏览器)

在前端开发中经常会遇到这样的问题,要求用js将输入框或者div中的内容复制到剪切板。在ie下可以通过clipboardData.setData来实现,但是这个方法却不能兼容其他的浏览器。显然这种方法在这个浏...

mickelfeng
2014/01/22
0
0

没有更多内容

加载失败,请刷新页面

加载更多

一个可能的NEO链上安全随机数解决方案

0x00 困境 链上安全随机数生成应该算是一个比较蛋疼的问题,哪怕你的系统再牛逼,合约程序困在小小的虚拟机里,哪怕天大的本事也施展不开。 更悲催的是,交易执行的时候,是在每一个节点都执...

暖冰
今天
1
0
【大福利】极客时间专栏返现二维码大汇总

我已经购买了如下专栏,大家通过我的二维码你可以获得一定额度的返现! 然后,再给大家来个福利,只要你通过我的二维码购买,并且关注了【飞鱼说编程】公众号,可以加我微信或者私聊我,我再...

飞鱼说编程
今天
2
0
Spring5对比Spring3.2源码之容器的基本实现

最近看了《Spring源码深度解析》,该书是基于Spring3.2版本的,其中关于第二章容器的基本实现部分,目前spring5的实现方式已有较大改变。 Spring3.2的实现: public void testSimpleLoad(){...

Ilike_Java
今天
1
0
【王阳明心学语录】-001

1.“破山中贼易,破心中贼难。” 2.“夫万事万物之理不外于吾心。” 3.“心即理也。”“心外无理,心外无物,心外无事。” 4.“人心之得其正者即道心;道心之失其正者即人心。” 5.“无...

卯金刀GG
今天
2
0
OSChina 周三乱弹 —— 我们无法成为野兽

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @ _刚刚好: 霸王洗发水这波很骚 手机党少年们想听歌,请使劲儿戳(这里) hahahahahahh @嘻酱:居然忘了喝水。 让你喝可乐的话, 你准忘不了...

小小编辑
今天
16
1

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部