发现一个复制到剪切板的插件:ZeroClipboard插件。挺好用,用法如下:
头部引用:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.zclip.js"></script>
<script type="text/javascript" src="js/jquery.zclip.js"></script>
js文件写入:
$(document).ready(function () {
$('a#rep_btn').zclip({
path: 'js/ZeroClipboard.swf',
copy: function () { return $('input#rep_link').val(); }
});
});
插件下载地址:http://www.steamdev.com/zclip/#download
后来发现IE6,和IE7下面不兼容,我看作者发布的例子,IE6、7下面可以兼容,我百思不得其解,后来用工具在IE6查看了html代码,发现了问题,原来IE6、7下面兼容性问题错位了,swf模拟的按钮跑到上面去了,看图:
IE6
IE7
然后我针对IE6、7用css调整了下<div class="zclip">的位置,就正常了。(加 position:absolute; 属性就行了)
PS:不能放到<p></p>之间,要放在div之间。