最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

zeroclipboard 單個復制按鈕和多個復制按鈕的實現(xiàn)方法

 更新時間:2014年06月14日 02:38:56   投稿:mdxy-dxy  
最近網(wǎng)站改版想讓復制代碼功能在多個瀏覽器上都可以實現(xiàn),最近看網(wǎng)上不少說我們的代碼復制功能不好用的,我們最近將會增加代碼高亮等功能,希望大家多多支持我們
zeroclipboard是一個跨瀏覽器的庫類 它利用 Flash 進行復制,所以只要瀏覽器裝有 Flash 就可以運行,而且比 IE 的 document.execCommand("Copy") 更加靈活。

zeroclipboard下載地址:http://m.fzitv.net/jiaoben/24961.html

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

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

(單個復制按鈕):

html:

復制代碼 代碼如下:

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

多個復制按鈕:

復制代碼 代碼如下:

<input type="text" value="text" id="copy_txt0"/><a href="javascirpt:;" id="copy_btn0" data='0' class="copyBtn">復制</a>
<input type="text" value="text" id="copy_txt1"/><a href="javascirpt:;" id="copy_btn1" data='1' class="copyBtn">復制</a>
<input type="text" value="text" id="copy_txt2"/><a href="javascirpt:;" id="copy_btn2" data='2' class="copyBtn">復制</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中的內(nèi)容, 一般用clip.setText( $("#copy_txt"+id).text() );或clip.setText( $("#copy_txt"+id).html() );

相關文章

  • JavaScript–Apple設備檢測示例代碼

    JavaScript–Apple設備檢測示例代碼

    JavaScript–Apple設備檢測示例代碼。需要的朋友可以過來參考下,希望對大家有所幫助
    2013-11-11
  • Nuxt默認模板、默認布局和自定義錯誤頁面的實現(xiàn)

    Nuxt默認模板、默認布局和自定義錯誤頁面的實現(xiàn)

    這篇文章主要介紹了Nuxt默認模板、默認布局和自定義錯誤頁面的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-05-05
  • JavaScript中Iterator迭代器接口和循環(huán)

    JavaScript中Iterator迭代器接口和循環(huán)

    這篇文章主要介紹了JavaScript中Iterator迭代器接口和循環(huán),迭代器是數(shù)據(jù)結(jié)構(gòu)遍歷的一種機制迭代器主要是提供for...of使用,更多相關內(nèi)推需要的小伙伴可以參考下面文章內(nèi)容
    2022-06-06
  • 精通Javascript系列之數(shù)值計算

    精通Javascript系列之數(shù)值計算

    在JS中如果希望某個變量包含一個數(shù)值,那么無需限定其必須是整數(shù)或者是浮點數(shù),下面來個例子
    2011-06-06
  • webpack模塊化的原理解析

    webpack模塊化的原理解析

    webpack 中實現(xiàn)模塊化的核心就是 __webpack_require__ 函數(shù),無論是commonjs模塊化還是es 模塊都是通過該函數(shù)來導入的,這篇文章主要介紹了webpack模塊化的原理,需要的朋友可以參考下
    2023-02-02
  • BootStrap table使用方法分析

    BootStrap table使用方法分析

    這篇文章主要為大家詳細介紹了JS組件Bootstrap Table使用方法,具有一定的實用性和參考價值,感興趣的小伙伴們可以參考一下
    2016-11-11
  • js實現(xiàn)關閉網(wǎng)頁出現(xiàn)是否離開提示

    js實現(xiàn)關閉網(wǎng)頁出現(xiàn)是否離開提示

    本篇文章主要給大家?guī)硪粋€JS實用功能,監(jiān)聽瀏覽器在關閉的時候提示出是否要離開的小功能,需要的朋友學習下吧。
    2017-12-12
  • 最新評論

    三穗县| 广宁县| 麻阳| 宝坻区| 南郑县| 元朗区| 龙岩市| 嘉鱼县| 石柱| 景谷| 谢通门县| 赣榆县| 遂昌县| 阜宁县| 武义县| 江源县| 澄城县| 滨州市| 利辛县| 德令哈市| 洛扎县| 兴山县| 班戈县| 都匀市| 武强县| 洪泽县| 乐平市| 南开区| 高尔夫| 磐安县| 五常市| 大足县| 日喀则市| 金坛市| 闻喜县| 乌兰察布市| 兴文县| 县级市| 英吉沙县| 浮梁县| 清河县|