兼容各浏览器的点击复制文本框内容的Jquery插件【转载】

原创于 2012-12-20 15:59:23 发布 · 171 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ViewUI

jQuery 同时被 3 个专栏收录

16 篇文章

订阅专栏

前端设计

13 篇文章

订阅专栏

javascript

10 篇文章

订阅专栏

本文介绍了一种利用Flash控件实现跨浏览器兼容性的文本复制方法。通过引入ZeroClipboard插件，并结合Jquery库，实现了在不同浏览器下复制文本框内容的功能。文中提供了具体的实现代码及演示链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

$(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' );
});

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