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

【腾讯云】买域名送云解析+SSL证书+建站!>>>   

下载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类到绑定到的元素
  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 12
博文 188
码字总数 141127
×
zhiqiangw
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: