文档章节

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

zhiqiangw
 zhiqiangw
发布于 2017/09/05 21:30
字数 237
阅读 22
收藏 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
博文 192
码字总数 142634
作品 0
郑州
程序员
私信 提问
jquery+flash(zclip)实现点击复制到剪切板

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

东子
2014/09/20
0
2
【js】js访问剪切板(兼容各大浏览器)唯一解决方案ZeroClipboard.swf

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

666B
2014/08/12
0
0
JAVASCRIPT复制到剪贴板

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

何世友
2012/01/17
0
0
关于JS实现复制到剪切板的方法

Web开发过程中有如下需求: 将点击图片将图片复制到剪切板,或者将文字复制到剪切板。 网上多复制到剪切板的实现方式主要有: 1. zclip(但是只支持ID选择器,我的需求是页面上动态的内容需要...

白与黑
2014/08/27
4.7K
3
jquery zclip 在表格中的使用

zclip 在没有表格的情况下能正常使用,但是一旦嵌套在表格中就没法使用了,有遇到这个问题的吗

小宋
2013/12/31
101
0

没有更多内容

加载失败,请刷新页面

加载更多

CentOS配置Tomcat监听80端口,虚拟主机

Tomcat更改默认端口为80 更改的配置文件是: /usr/local/tomcat/conf/server.xml [root@test-a ~]# vim /usr/local/tomcat/conf/server.xml # 找到 Connector port="8080" protocol="HTTP/1......

野雪球
今天
5
0
《稻盛和夫经营学》读后感心得体会3180字范文

《稻盛和夫经营学》读后感心得体会3180字范文: 一代日本经营之圣稻盛和夫凭借刻苦勤奋的精神以及深植于佛教的商业道德准则,成为了“佛系”企业家的代表人物。在《稻盛和夫经营学》“领导人...

原创小博客
今天
3
0
java框架学习日志-5(常见的依赖注入)

依赖注入(dependency injection) 之前提到控制反转(Inversion of Control)也叫依赖注入,它们其实是一个东西,只是看的角度不同,这章详细说一下依赖注入。 依赖——指bean对象创建依赖于...

白话
今天
4
0
红外接收器驱动开发

背景:使用系统的红外遥控软件没有反应,然后以为自己接线错误,反复测试,结果烧坏了一个红外接收器,信号主板没有问题。所以自己开发了一个红外接收器的python驱动。接线参见https://my.os...

mbzhong
今天
2
0
ActiveMQ消息传送机制以及ACK机制详解

AcitveMQ是作为一种消息存储和分发组件,涉及到client与broker端数据交互的方方面面,它不仅要担保消息的存储安全性,还要提供额外的手段来确保消息的分发是可靠的。 一. ActiveMQ消息传送机...

watermelon11
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部