js 實現點選複製內容

三人行,必有我師!!!發表於2020-07-10

場景:頁面有一個按鈕,點選按鈕可以複製一個連結,直接貼上會有內容

程式碼:

<input class="xcx_url_short" type="text" id="url" style="opacity:1" :value="info.xcx_url_short" readonly="readonly">
<mt-button @click="copyUrl()" type="primary">點選複製連結</mt-button>    

js

//點選複製
    copyUrl(){
        var copyobject=document.getElementById("url");
        copyobject.select();
        document.execCommand("Copy");
        this.$Toast('複製成功')
        
    },

注意:點選複製,只有input的text和textarea才有此功能
           input不能設定為hidden,設定hidden的時候,複製不到內容

input 不能設定disabled

相關文章