js一鍵複製url

則丸_Zewalon發表於2018-08-03
// 複製二維碼連結
copyJRCode() {
    let Url2 = document.getElementById('js__copy-text')
    Url2.select() // 選擇物件
    try {
        if (document.execCommand('copy', false, null)) {
            document.execCommand('Copy')
            this.$XWMessage({
                title: '複製成功,可貼粘',
                type: 'success'
            })
        } else {
            this.$XWMessage({
                title: '複製失敗,請手動複製',
                type: 'error'
            })
        }
    } catch (err) {
        this.$XWMessage({
            title: '複製失敗,請手動複製',
            type: 'error'
        })
    }
}

注意:

1. input 不要使用 type="hidden",  否則 dom.select()  無效, 則複製的url 為空

2. input 可以放在按鍵上方, 便於複製無效時, 手動複製, 或者使用固定定位在  螢幕看不到的地方(假隱藏)

相關文章