jQuery-zclip实现复制内容到剪切板
jQuery-zclip实现复制内容到剪切板
zhiqiangw 发表于3个月前
jQuery-zclip实现复制内容到剪切板
  • 发表于 3个月前
  • 阅读 11
  • 收藏 1
  • 点赞 0
  • 评论 0

腾讯云 新注册用户 域名抢购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类到绑定到的元素
共有 人打赏支持
粉丝 13
博文 177
码字总数 136796
×
zhiqiangw
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: