兼容所有浏览器的JQuery zClip插件实现复制到剪贴板功能
加载JQuery库和zclip插件
-
<script type="text/javascript" src="js/jquery-1.8.1.min.js"></script>
-
<script src="js/jquery.zclip.min.js"></script>
下面是一个小demo,主要是复制文本框中的链接到剪贴板。
HTML
-
<input type="text" value="www.baidu.com" id="link">
-
<span id="copyBtn">复制链接</span>
然后加入脚本
不一定非得是input标签,只要是能获取到文本就行
-
<script>
-
-
$(‘#copyBtn‘).zclip({
-
path: "ZeroClipboard.swf",
-
copy: function(){
-
return $(‘#link‘).val();
-
}
-
});
-
-
</script>