在开发过程中会遇到复制到粘贴板的功能,但是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="" id="link"> <span id="copyBtn">复制链接</span>
完成!
没错,就这么简单。
但是有几个点要注意一下:
1.jquery.zclip.min.js 和 ZeroClipboard.swf 必须在同一目录。
2.插件下载地址
点击打开链接