亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

HTML頁面---復(fù)制按鈕的使用(包含彈層)

mylxsw / 983人閱讀

摘要：所以對不可用的設(shè)備，采用彈層，長按手動復(fù)制的方法。代碼如下復(fù)制用的話，當(dāng)頁面過長，下面的部分不會覆蓋。請長按選中下面虛線框中的內(nèi)容進(jìn)行復(fù)制點擊關(guān)閉復(fù)制的時候得不到值，所以通過下面的方法更改。

先說一下我的整體方案：

用到了clipboard插件，官方地址和github地址，也可以參考中文說明。

clipboard插件實測：在PC端的瀏覽器（試了mac上的safari,chrome,firefox）可用，iOS 10.3上的safari可用，手機(jī)上的微信QQ瀏覽器能用，安卓手機(jī)自帶的瀏覽器以及UC，不可用。所以對不可用的設(shè)備，采用彈層，長按手動復(fù)制的方法。

這里需要注意一點，當(dāng)需要獲取的 標(biāo)簽 為dispaly:none 的時候data-clipboard-target的方式得不到值，可用data-clipboard-text結(jié)合下面的方法。

var getContent=document.getElementById("divContent").innerHTML;
document.getElementById("copy-button").setAttribute("data-clipboard-text", getContent);
代碼如下： 


    
        
        
        
        復(fù)制
        
        
    

    
        

            

                
請長按選中下面虛線框中的內(nèi)容進(jìn)行復(fù)制：

                

                    hello world!

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/82460.html

相關(guān)文章

  • HTML頁面---復(fù)制按鈕的使用(包含彈層)

    摘要：所以對不可用的設(shè)備，采用彈層，長按手動復(fù)制的方法。代碼如下復(fù)制用的話，當(dāng)頁面過長，下面的部分不會覆蓋。請長按選中下面虛線框中的內(nèi)容進(jìn)行復(fù)制點擊關(guān)閉復(fù)制的時候得不到值，所以通過下面的方法更改。 先說一下我的整體方案： 用到了clipboard插件，官方地址和github地址，也可以參考中文說明。 clipboard插件實測：在PC端的瀏覽器（試了mac上的safari,chrome,f...

    greatwhole 評論0 收藏0

  • 移動端 h5開發(fā)相關(guān)內(nèi)容總結(jié)(三)

    摘要：就是說，當(dāng)用戶選擇該標(biāo)簽時，瀏覽器就會自動將焦點轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。標(biāo)簽的屬性應(yīng)當(dāng)與相關(guān)元素的屬性相同。所以在和移動我分別用了兩種方案，傳統(tǒng)布局實現(xiàn)，彈性盒實現(xiàn)。前者是控制彈性盒的內(nèi)容垂直方向居中，后者控制內(nèi)容水平方向居中。 之前寫過兩篇開發(fā)中遇到的問題和解決方案。當(dāng)時是CSS 和 JavaScript 分開寫的?，F(xiàn)在寫這篇文章的時候感覺很多內(nèi)容都是有內(nèi)在聯(lián)系的，所以不好分開。...

    cnTomato 評論0 收藏0

  • 移動端 h5開發(fā)相關(guān)內(nèi)容總結(jié)(三)

    摘要：就是說，當(dāng)用戶選擇該標(biāo)簽時，瀏覽器就會自動將焦點轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。標(biāo)簽的屬性應(yīng)當(dāng)與相關(guān)元素的屬性相同。所以在和移動我分別用了兩種方案，傳統(tǒng)布局實現(xiàn)，彈性盒實現(xiàn)。前者是控制彈性盒的內(nèi)容垂直方向居中，后者控制內(nèi)容水平方向居中。 之前寫過兩篇開發(fā)中遇到的問題和解決方案。當(dāng)時是CSS 和 JavaScript 分開寫的?，F(xiàn)在寫這篇文章的時候感覺很多內(nèi)容都是有內(nèi)在聯(lián)系的，所以不好分開。...

    antyiwei 評論0 收藏0

  • 移動端 h5開發(fā)相關(guān)內(nèi)容總結(jié)(三)

    摘要：就是說，當(dāng)用戶選擇該標(biāo)簽時，瀏覽器就會自動將焦點轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。標(biāo)簽的屬性應(yīng)當(dāng)與相關(guān)元素的屬性相同。所以在和移動我分別用了兩種方案，傳統(tǒng)布局實現(xiàn)，彈性盒實現(xiàn)。前者是控制彈性盒的內(nèi)容垂直方向居中，后者控制內(nèi)容水平方向居中。 之前寫過兩篇開發(fā)中遇到的問題和解決方案。當(dāng)時是CSS 和 JavaScript 分開寫的?，F(xiàn)在寫這篇文章的時候感覺很多內(nèi)容都是有內(nèi)在聯(lián)系的，所以不好分開。...

    MonoLog 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<