H5移動端復制功能實現

    // 點擊復制信息
    copyTxt (txt) {
      var u = navigator.userAgent
      var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1
      // 要先判斷當前是什么系統，否則會報錯，無法執行語句
      if (isAndroid) {
        let _input = document.createElement('input')// 直接構建input
        _input.value = txt// 設置內容
        document.body.appendChild(_input)// 添加臨時實例
        _input.select()// 選擇實例內容
        document.execCommand('Copy')// 執行復制
        document.body.removeChild(_input)// 刪除臨時實例
        if (document.execCommand('Copy')) {
          Toast('復制成功')
        } else {
          Toast('復制失敗，請手動復制')
        }
      } else {
        // 數字沒有 .length 不能執行selectText 需要轉化成字符串
        const textString = txt.toString()
        let input = document.querySelector('#copy-input')
        if (!input) {
          input = document.createElement('input')
          input.id = 'copy-input'
          input.readOnly = 'readOnly'
          input.style.position = 'absolute'
          input.style.left = '-1000px'
          input.style.zIndex = '-1000'
          document.body.appendChild(input)
        }

        input.value = textString
        // ios必須先選中文字且不支持 input.select()
        this.selectText(input, 0, textString.length)
        console.log(document.execCommand('copy'), 'execCommand')
        if (document.execCommand('copy')) {
          document.execCommand('copy')
          Toast('復制成功')
        } else {
          Toast('復制失敗，請手動輸入')
        }
        input.blur()
        document.body.removeChild(input)
        // input自帶的select()方法在蘋果端無法進行選擇，所以需要自己去寫一個類似的方法
        // 選擇文本。createTextRange(setSelectionRange)是input方法
      }
    },
    selectText (textbox, startIndex, stopIndex) {
      if (textbox.createTextRange) { // ie
        const range = textbox.createTextRange()
        range.collapse(true)
        range.moveStart('character', startIndex)// 起始光標
        range.moveEnd('character', stopIndex - startIndex)// 結束光標
        range.select() // 不兼容蘋果
      } else { // firefox/chrome
        textbox.setSelectionRange(startIndex, stopIndex)
        textbox.focus()
      }
    }