点击按钮复制链接到我的粘贴板【兼容所有浏览器】

原创 2014年09月25日 17:01:59

首先看下个人的笔记:点击我


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


加载JQuery库和zclip插件


  1. <script type="text/javascript" src="js/jquery-1.8.1.min.js"></script> 
  2. <script src="js/jquery.zclip.min.js"></script> 

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

HTML

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

然后加入脚本

          不一定非得是input标签,只要是能获取到文本就行

  1. <script> 

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

  8. </script> 

版权声明:本文为博主原创文章,未经博主允许不得转载。

html 点击复制功能

因为项目里要点击复制视频的URL,在这里记录下,方便以后复用。在网上查了下资料,主要有 js+flash 的实现和 html5 的实现,前者使用 flash 对浏览器的兼容性较好,后者支持已经支持 H...
  • lzx_2011
  • lzx_2011
  • 2017年05月17日 23:53
  • 1319

JS点击自动复制文本代码

1.实现点击按钮,复制文本框中的的内容 "text/javascript"> function copyUrl2() { var Url2=document.getElementById("biao...
  • zhang__ao
  • zhang__ao
  • 2017年09月26日 14:02
  • 1364

点击复制按钮复制指定文本内容,实现网页中的复制功能

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 1...
  • haibo0668
  • haibo0668
  • 2016年07月05日 14:32
  • 10004

点击复制按钮进行复制文本

function jsCopy(){          var e=document.getElementById("contents");//对象是contents          e.sel...
  • lml_little
  • lml_little
  • 2016年04月06日 15:03
  • 3542

JavaScript+Html5实现按钮的复制文字到剪切板功能,手机网页兼容

JavaScript+Html5实现按钮的复制文字到剪切板功能,手机网页兼容
  • pang1026
  • pang1026
  • 2017年03月23日 15:35
  • 8669

JS实现点击复制功能(ZeroClipboard)

JS实现点击复制功能 1、包含文件 2、配置复制按钮组 3、测试时注意:本地绝对路径测试没效果哦~要这样才可以 以下HTML文档代码: 复制 *{ margin:0...
  • qq_16494241
  • qq_16494241
  • 2016年05月19日 10:48
  • 3540

html5在微信浏览器下调用复制功能

使用input标签,type="text",属性readonly="text",这样长按即可调出系统复制功能。
  • u014220039
  • u014220039
  • 2016年12月21日 10:03
  • 1837

HTML5 完美解决javascript中iphone手机和android手机复制文本到剪切板问题

1. 执行以下解决方案条件: ①执行复制方法时 所复制文字不能被任何 块级元素和行内块元素和行内元素遮盖否则无效;(解决方案:将文本通过绝对定位或其他方式移除屏幕外) ②ios中不能复制属性值,...
  • u010853130
  • u010853130
  • 2017年03月27日 14:54
  • 4256

移动端html5页面长按实现高亮全选文本内容的兼容解决方案

最近需要给html5的WebAPP在页面上实现一个复制功能:用户点击长按文本会全选文字并弹出系统“复制”菜单,用户可以点击“复制”进行复制操作,然后粘贴到AppStore搜索对应的应用。之所以不是采用...
  • freshlover
  • freshlover
  • 2014年10月24日 20:16
  • 62348

jquery zclip复制页面的链接或者文本内容

最近做项目需要复制网页中的链接的功能,于是网上各种找方法,最后发现zclip挺好用的,用的人也多,于是就拿来试试了。 jQuery-zclip是一个复制内容到剪贴板的jQuery插件,使用它我们不用...
  • PanRuiFang
  • PanRuiFang
  • 2015年05月15日 18:43
  • 3005
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:点击按钮复制链接到我的粘贴板【兼容所有浏览器】
举报原因:
原因补充:

(最多只允许输入30个字)