源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

zeroclipboard 单个复制按钮和多个复制按钮的实现方法

  • 时间:2022-04-21 14:57 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:zeroclipboard 单个复制按钮和多个复制按钮的实现方法
zeroclipboard是一个跨浏览器的库类 它利用 Flash 进行复制,所以只要浏览器装有 Flash 就可以运行,而且比 IE 的 document.execCommand("Copy") 更加灵活。 zeroclipboard下载地址:[url=http://www.1sucai.cn/jiaoben/24961.html]http://www.1sucai.cn/jiaoben/24961.html[/url] zeroclipboard实现多浏览器复制到粘贴板功能(单个复制按钮和多个复制按钮) 为了更好的用户体验,现在很多网站中文本框的内容只需要点击复制按钮这样就能把内容复制到粘贴板了; 出于兼容性的考虑,基本上都是通过zeroclipboard来实现.首先要下载zeroclipboard,解压后把ZeroClipboard.js和ZeroClipboard.swf、ZeroClipboard10.swf(“为了flash10”)放到项目中,可以通过ZeroClipboard.setMoviePath( '/ZeroClipboard.swf' )方法来加载swf; 下面是整理的代码(也是通过 网上查找整理的) (单个复制按钮): html:
[url=javascirpt:;]<script language="JavaScript">     ZeroClipboard.setMoviePath( 'ZeroClipboard.swf' );  //和html不在同一目录需设置setMoviePath     ZeroClipboard.setMoviePath( 'ZeroClipboard10.swf' );     var clip = new ZeroClipboard.Client();   //创建新的Zero Clipboard对象     clip.setText( '' ); // will be set later on mouseDown   //清空剪贴板     clip.setHandCursor( true );      //设置鼠标移到复制框时的形状     clip.setCSSEffects( true );          //启用css     clip.addEventListener( 'complete', function(client, text) {     //复制完成后的监听事件           alert("aa")                clip.hide();                                          // 复制一次后,hide()使复制按钮失效,防止重复计算使用次数      } );    clip.addEventListener( 'mouseDown', function(client) {           clip.setText( document.getElementById('copy_txt').value );     } );     clip.glue( 'copy_btn' ); </script>
多个复制按钮: 注意: clip.setText( $("#copy_txt"+id).val() );如果是获取div中的内容, 一般用clip.setText( $("#copy_txt"+id).text() );或clip.setText( $("#copy_txt"+id).html() );
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部