點選按鈕複製連結到我的貼上板【相容所有瀏覽器】

一喵嗚發表於2014-09-25
瀏覽器

首先看下個人的筆記：點選我


相容所有瀏覽器的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> 

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

  10. </script> 

相關文章