兼容IE,火狐,谷歌的复制粘贴提示

         有时候我们需要实现这样一个功能,就是在提交单据之后,弹出的提示信息可以进行复制和粘贴,所以问题就来了,clipborderData只支持IE的,在chrome,firefox中就不行了。

         要兼容这些浏览器,有个好东西可以用,就是ZeroClipboard,至于ZeroClipboard原理是什么,有兴趣的可以去了解了解,不了解也没关系,直接copy来用,毕竟如果不专门搞这个的话没必要花那么多心思来弄。使用zeroclipboard,除了要用到zeroClipboard.swf,还要用到ZeroClipboard.js,这两个放在同一路径下就可以了。现在用layer生成的提示框,在父页面调用,还是蛮好看的。

<body onLoad="init()">

<span id="a">要复制的信息</span>

     <button  id="copys"><span>复制</span></button>

      <button  οnclick="returns()"><span id="back">返回</span></button>
 

</body>

至于要复制什么信息,完全可以指定自己想要的,比如一句话中的某几个数字,set进message就可以了

<script type="text/javascript">

 var clip = null;
  var message="";
  var url="";
  $(document).ready(function(){
   ZeroClipboard.setMoviePath( "${baseStylePath}js/zeroClipboard/ZeroClipboard.swf" );
   message=$("#a").text();
   url="";
  })
  function init(){
  clip = new ZeroClipboard.Client();
  clip.setHandCursor(true);   
  clip.addEventListener('mouseOver', function (client) {
      clip.setText(_messageTip);
  });
  clip.addEventListener('complete', function (client, text) {
   parent.location.reload(url);//对指定url刷新
   parent.layer.close(parent.layer.getFrameIndex(window.name));//关闭当前layer
  });
  clip.glue('copys');
  }



</script>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值