jquery zclip插件

最新推荐文章于 2017-03-08 17:07:07 发布

原创最新推荐文章于 2017-03-08 17:07:07 发布 · 458 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery zclip

jquery 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种利用zClip插件实现网页元素文本复制的方法。通过加载jQuery和zClip库文件，设置zClip事件，使得指定链接点击时可以复制指定div内的文本内容。文章强调了确保.swf文件不被过滤及绑定对象可见的重要性。

先来个简单的例子

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js" ></script>
<script type="text/javascript" src="http://www.steamdev.com/zclip/js/jquery.zclip.min.js"></script>
<a id='copy' href="#">Copy</a>
<div id='description'>this seems awesome</div>

$(document).ready(function(){
        $('a#copy').zclip({
            path:'http://www.steamdev.com/zclip/js/ZeroClipboard.swf',
            copy:$('div#description').text()
        });
});

zclip要点：

1.不能是本地环境，要放在一个服务器上；
2.测试环境要放开.swf文件过滤
3.绑定zclip事件时，绑定的对象一定要处于显示状态（即不能隐藏）
4.如果绑定的A对象初始化时是隐藏的，当A对象显示后，在给A绑定zclip事件
比如：$("a#copy")初始化隐藏状态，当$("a#copy").show()以后 在执行$("a#copy").zclip({path:"",copy:""});
这样就可以绑定了。

这是我这几天的体会