ZeroClipboard插件,复制到剪切板

  发现一个复制到剪切板的插件:ZeroClipboard插件。挺好用,用法如下:

  头部引用:
<script type="text/javascript" src="js/jquery.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模拟的按钮跑到上面去了,看图:

ZeroClipboard插件,复制到剪切板IE6
ZeroClipboard插件,复制到剪切板IE7

  然后我针对IE6、7用css调整了下<div class="zclip">的位置,就正常了。(加 position:absolute; 属性就行了)

  PS:不能放到<p></p>之间,要放在div之间。
上一篇:jquery实现点击复制到剪切板


下一篇:简析Monte Carlo与TD算法的相关问题