pc幸运28真能赚钱吗:兼容所有浏览器的JQuery zClip插件实现复制到剪贴板功能

兼容所有浏览器的JQuery zClip插件实现复制到剪贴板功能
 点击预览  点击下载

幸运28在线预测网站 www.p6z5p.cn 相信这个功能大家平时上网经常能碰到,以前也没怎么留意怎么实现的,直到项目中需要。

网上一搜一大堆,单纯使用js方法也不是没有,但是由于各浏览器的安全机制不同,不是跨浏览器的。去看了几个常用的网站,都是用的透明flash遮挡“复制到剪贴板”按钮,所以当你点击“复制到剪贴板”的时候,点击的其实是flash,然后把你需要复制的内容传入到了flash,然后在通过flash的复制功能把传入的内容复制到了剪贴板。

加载JQuery库和zclip插件

  1. <script type="text/javascript" src="//www.p6z5p.cn/templets/skins/js/jquery-1.8.1.min.js"></script> 
  2. <script src="//www.p6z5p.cn/member/templets/js/jquery.zclip.min.js"></script> 

下面是一个小demo,主要是复制文本框中的链接到剪贴板。

HTML

  1. <input type="text" value="www.baidu.com" id="link"> 
  2. <span id="copyBtn">复制链接</span> 

然后加入脚本

  1. <script> 
  2.         $('#copyBtn').zclip({ 
  3.             path: "ZeroClipboard.swf", 
  4.             copy: function(){ 
  5.                 return $('#link').val(); 
  6.         } 
  7.         }); 
  8. </script> 

然后就可以直接打开网页测试了。这只是一个简单的小应用。

转载请注明:幸运28在线预测网站 ? 兼容所有浏览器的JQuery zClip插件实现复制到剪贴板功能

也许你会喜欢和关注与本文内容高度相关的文章:

Zclip点击复制内容到剪贴板兼容各浏览器

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
  • 四兄弟合伙创业 种植羊肚菌成功 2019-04-16
  • 人民网评:涉及群众利益的事,必须“马上就办” 2019-04-15
  • 黄渤挑战苏绣“一出好戏” 2019-04-13
  • 传说中的自由飞“翔” 当厕所被狂风吹上天 2019-04-10
  • 特朗普律师接米勒团队“问题清单” 涉及科米解职 2019-04-10
  • 【北京捷亚泰中实车型报价】北京捷亚泰中实4S店车型价格 2019-04-09
  • 广东丰顺警方通报:男子疑因家庭矛盾杀害其妻和两孙女后自杀 2019-04-03
  • 一周人事:四省份调整省政府副职两省份监委主任履新 2019-04-01
  • 新书《薛兆丰经济学讲义》在网红菜市场发布 萝卜白菜变身艺术品 2019-04-01
  • 国务院办公厅印发《意见》 推进奶业振兴保障乳品质量安全 2019-03-30
  • 合肥庐阳18小区将现“十八变” 4254户居民将受益 2019-03-28
  • 联合国副秘书长盖图中国是全球减贫典范 2019-03-28
  • 安徽省投资集团控股有限公司 2019-03-25
  • 梯田旅行地中国国家地理网 2019-03-22
  • 上海合作组织成员国领导人共同会见记者习近平作为主席国元首发表讲话 2019-03-22
  • 980| 968| 799| 275| 408| 547| 432| 11| 337| 274|