国产探花免费观看_亚洲丰满少妇自慰呻吟_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() );

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

圖片精選

主站蜘蛛池模板: 肇州县| 丰县| 定襄县| 怀安县| 筠连县| 西丰县| 思茅市| 嵊泗县| 北流市| 广州市| 阿克陶县| 沁水县| 洞头县| 鄯善县| 钟山县| 乳山市| 门源| 镇平县| 翁牛特旗| 江城| 昌图县| 铜鼓县| 西充县| 湘潭县| 桂平市| 连平县| 陇川县| 青州市| 沂南县| 鹰潭市| 耒阳市| 抚顺县| 东乡族自治县| 江山市| 南皮县| 临湘市| 郧西县| 祥云县| 杂多县| 资兴市| 思茅市|