js复制到粘贴板

在开发过程中会遇到复制到粘贴板的功能,但是js不能很好的支持这一点,所以需要用到外部插件

我用到的是 jquery.zclip.min.js。

它可以兼容各种浏览器。

这里放出一个例子:

1.首先引用 相关js

<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="jquery.zclip.min.js"></script>
2.初始化

<script type="text/javascript">
			$(function(){
				 $('#copyBtn').zclip({
		                path: "ZeroClipboard.swf", 
		                copy: function(){ 
		                    return $('#link').val(); 
		      			} 
		            }); 
			});
</script>
3. 页面元素

<input type="text" value="www.baidu.com" id="link"> 
<span id="copyBtn">复制链接</span> 

完成!

没错,就这么简单。

但是有几个点要注意一下:


1.jquery.zclip.min.js 和 ZeroClipboard.swf 必须在同一目录。

2.插件下载地址

点击打开链接




阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页