明凯博客

关注网站技术,一个特立独行的程序员

ZClip复制到剪切板插件介绍

上次写了一个不用插件实现复制到剪切板的功能.
虽然能够适应很多浏览器,但是每种浏览器要写不同的代码。感觉非常繁琐。

不同浏览器JS访问系统剪贴板的方法

这里介绍一个复制的插件:zclip

zClip是一个轻量级的jQuery“复制到剪贴板”插件,采用了时下流行的”剪贴板”库。此插件使用一种无形的Adobe的Flash影片,是完全兼容Flash Player 10及10以下版本。

1. 引入js库

1
2
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.zclip.min.js"></script>

2. html代码

1
2
3
4
5
6
<div id="code_box">
zClip是一个轻量级的jQuery“复制到剪贴板”插件,采用了时下流行的”剪贴板”库。
此插件使用一种无形的Adobe的Flash影片,是完全兼容Flash Player 1010以下版本。
这里是需要复制的文本
</div>
<a href="#" id="code_copy">复制代码</a>

3. js代码

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
$(document).ready(function(){
	 $("#code_copy").zclip({
		path:'ZeroClipboard.swf',
		copy:$('#code_box').text(),
		'afterCopy' : function(){
			alert('复制成功');
		 }
	});
});
</script>

4.官方地址

http://www.steamdev.com/zclip/

, , ,

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注