国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

zeroclipboard 單個復制按鈕和多個復制按鈕的實現方法

2024-05-06 16:07:13
字體:
來源:轉載
供稿:網友
最近網站改版想讓復制代碼功能在多個瀏覽器上都可以實現,最近看網上不少說我們的代碼復制功能不好用的,我們最近將會增加代碼高亮等功能,希望大家多多支持我們

zeroclipboard是一個跨瀏覽器的庫類 它利用 Flash 進行復制,所以只要瀏覽器裝有 Flash 就可以運行,而且比 IE 的 document.execCommand("Copy") 更加靈活。

zeroclipboard下載地址:

zeroclipboard實現多瀏覽器復制到粘貼板功能(單個復制按鈕和多個復制按鈕) 為了更好的用戶體驗,現在很多網站中文本框的內容只需要點擊復制按鈕這樣就能把內容復制到粘貼板了;

出于兼容性的考慮,基本上都是通過zeroclipboard來實現.首先要下載zeroclipboard,解壓后把ZeroClipboard.js和ZeroClipboard.swf、ZeroClipboard10.swf(“為了flash10”)放到項目中,可以通過ZeroClipboard.setMoviePath( '/ZeroClipboard.swf' )方法來加載swf;
下面是整理的代碼(也是通過 網上查找整理的)

(單個復制按鈕):

html:

復制代碼 代碼如下:


<input type="text" value="text"/><a href="javascirpt:;">復制</a>
<script language="JavaScript">
    ZeroClipboard.setMoviePath( 'ZeroClipboard.swf' );  //和html不在同一目錄需設置setMoviePath
    ZeroClipboard.setMoviePath( 'ZeroClipboard10.swf' );
    var clip = new ZeroClipboard.Client();   //創建新的Zero Clipboard對象
    clip.setText( '' ); // will be set later on mouseDown   //清空剪貼板
    clip.setHandCursor( true );      //設置鼠標移到復制框時的形狀
    clip.setCSSEffects( true );          //啟用css
    clip.addEventListener( 'complete', function(client, text) {     //復制完成后的監聽事件
          alert("aa")     
          clip.hide();                                          // 復制一次后,hide()使復制按鈕失效,防止重復計算使用次數
     } );
   clip.addEventListener( 'mouseDown', function(client) {
          clip.setText( document.getElementById('copy_txt').value );
    } );
    clip.glue( 'copy_btn' );
</script>

多個復制按鈕:

復制代碼 代碼如下:


<input type="text" value="text"/><a href="javascirpt:;" data='0'>復制</a>
<input type="text" value="text"/><a href="javascirpt:;" data='1'>復制</a>
<input type="text" value="text"/><a href="javascirpt:;" data='2'>復制</a>
<script language="JavaScript">
$(".copyBtn").each(function(i){
        var id = $(this).attr('data');
        var clip=null;
        clip = new ZeroClipboard.Client();
        ZeroClipboard.setMoviePath( 'ZeroClipboard.swf' );  //和html不在同一目錄需設置setMoviePath
        ZeroClipboard.setMoviePath( 'ZeroClipboard10.swf' );
        clip.setHandCursor( true );
        clip.setText( $("#copy_txt"+id).val() );
        clip.addEventListener('complete', function (client, text) {
          alert( "恭喜復制成功" );
        });
        clip.glue( 'copy_btn'+id);
  });
</script>

注意: clip.setText( $("#copy_txt"+id).val() );如果是獲取div中的內容, 一般用clip.setText( $("#copy_txt"+id).text() );或clip.setText( $("#copy_txt"+id).html() );

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 云龙县| 白银市| 郧西县| 临朐县| 酉阳| 封开县| 榆林市| 南靖县| 尉氏县| 广水市| 太康县| 库伦旗| 高碑店市| 吉隆县| 尉犁县| 大洼县| 拜城县| 合作市| 吉首市| 千阳县| 古蔺县| 浦江县| 元江| 博白县| 南川市| 台中市| 上饶市| 岐山县| 韶关市| 休宁县| 周口市| 二连浩特市| 铜山县| 肥乡县| 鹤山市| 宁强县| 宁强县| 平利县| 喀喇沁旗| 武功县| 宜昌市|