码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2014-09-25 20:22:27      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:黄艺斌   html5自由者   复制链接js   复制链接插件   

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


兼容所有浏览器的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> 

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

标签:黄艺斌   html5自由者   复制链接js   复制链接插件   

原文地址:http://blog.csdn.net/html5_/article/details/39554065

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!