兼容各种浏览器的复制文本框内容的Jquery插件

注:因为采用FLASH控件的文件实现兼容,所以本页面中请在服务器上浏览才能获得看到效果。

优点:兼容各浏览器
缺点:插件有10K大小,还需要引入一个Jqueyr的库。
如果不需要全浏览器的兼容,可以使用 常规复制文本框内容的脚本

引入Jquery后再引入插件ZeroClipboard,同时下载 FLASH控件 和JS文件放同一目录 ,在页面中添加执行的脚本。完整代码如下:

<script type="text/javascript" src="ZeroClipboard.js"></script>
<script type="text/javascript">
$(function(){
  var clip = new ZeroClipboard.Client();
  clip.setHandCursor( true );
  clip.setCSSEffects( true );
  clip.addEventListener( 'mouseDown', function(client){
    clip.setText( $('#yao_txt').val() );
  });
  clip.addEventListener( 'complete', function(){alert('复制成功');});
  clip.glue( 'd_clip_button' );
});
</script>

转自:http://www.aqy106.com/wp-content/uploads/demo/2011/click2copy/index1.html


http://www.jb51.net/article/22403.htm
http://www.jb51.net/article/22403.htm

http://www.zhangxinxu.com/wordpress/?p=1037
http://bowser.effectgames.com/~jhuckaby/zeroclipboard/test10.html

http://js8.in/414.html

你可能感兴趣的:(复制)