qq飞车手游小橘子视频:兼容所有瀏覽器的JQuery zClip插件實現復制到剪貼板功能

兼容所有瀏覽器的JQuery zClip插件實現復制到剪貼板功能
 點擊預覽  點擊下載

qq飞车手游怎么拉黑 www.kwigj.icu 相信這個功能大家平時上網經常能碰到,以前也沒怎么留意怎么實現的,直到項目中需要。

網上一搜一大堆,單純使用js方法也不是沒有,但是由于各瀏覽器的安全機制不同,不是跨瀏覽器的。去看了幾個常用的網站,都是用的透明flash遮擋“復制到剪貼板”按鈕,所以當你點擊“復制到剪貼板”的時候,點擊的其實是flash,然后把你需要復制的內容傳入到了flash,然后在通過flash的復制功能把傳入的內容復制到了剪貼板。

加載JQuery庫和zclip插件

  1. <script type="text/javascript" src="//www.kwigj.icu/templets/skins/js/jquery-1.8.1.min.js"></script> 
  2. <script src="//www.kwigj.icu/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> 

然后就可以直接打開網頁測試了。這只是一個簡單的小應用。

轉載請注明:qq飞车手游怎么拉黑 ? 兼容所有瀏覽器的JQuery zClip插件實現復制到剪貼板功能

也許你會喜歡和關注與本文內容高度相關的文章:

Zclip點擊復制內容到剪貼板兼容各瀏覽器

評論列表(網友評論僅供網友表達個人看法,并不表明本站同意其觀點或證實其描述)