鍍金池/ 問(wèn)答/HTML5  HTML/ zclip一鍵復(fù)制不成功,時(shí)為什么

zclip一鍵復(fù)制不成功,時(shí)為什么

<script type="text/javascript" src="js/jquery.zclip.js"></script>
        <script>
            $(function(){
                $('#copy_tgm').zclip({  
                    path: 'ZeroClipboard.swf',  
                    copy: function(){//復(fù)制內(nèi)容
                        return $('.tgm').text();  
                    },  
                    afterCopy: function(){//復(fù)制成功  
                        console.log("復(fù)制成功")  
                    }  
                   });
            })
        </script>
<input id="copy_tgm" type="submit" value="復(fù)制推廣碼"/>

<span class="tgm">DKF5698DFC876</span>

在線(xiàn)等待

回答
編輯回答
何蘇葉

有這么幾個(gè)問(wèn)題需要注意和解決,希望能幫助到你:
1、本地測(cè)試是無(wú)法使用的,請(qǐng)上傳到服務(wù)器測(cè)試
2、請(qǐng)確保安裝了Adobe Flash Player
3、如果是復(fù)制的內(nèi)容來(lái)自輸入框input、textarea等,copy對(duì)象使用:

copy: function(){
    return $(xxx).val();
}

4、如果是復(fù)制的內(nèi)容來(lái)自頁(yè)面元素div、p之類(lèi)的,copy對(duì)象使用:

copy: $(xxx).text();
2018年1月15日 23:49
編輯回答
孤島

目前部分瀏覽器對(duì)flash的屏蔽導(dǎo)致依賴(lài)flash的zclip容易出現(xiàn)問(wèn)題

可以使用純JS的clipboard

https://github.com/zenorocha/...

2018年2月10日 12:27