js --- execCommand('copy')復制文本到剪切板換行符不生效

起因：

　　之前需求有個右擊復制文本的功能，當時出現的情況是復制后文本的換行符無效了，因為當時時間比較趕，我就用了方案一解決的，但是上線后用戶不買單呀，因為剪切板的內容始終是不帶換行符的

解決：

　　有問題的代碼

　　

                let inputNode = document.createElement('input')
                if (contextmenuChatRecord.msgType === MESSAGE_SUB_TYPE.VMA_TEXT_ELEM) {
                    // inputNode.value = JSON.stringify(contextmenuChatRecord.content)
                    inputNode.value = contextmenuChatRecord.content
                    this.$emitBus('copyTextMsg', contextmenuChatRecord.content)
                } else {
                    inputNode.value = JSON.stringify(contextmenuChatRecord)
                }
                let copyContentDom = this.$el.querySelector('#copy-content')
                copyContentDom.appendChild(inputNode)
                inputNode.select()
                document.execCommand('copy')
                copyContentDom.removeChild(inputNode)
                inputNode = null

 

這里要穿插一下 這種寫法肯定是沒問題的 問題出在HTML標簽上 HTML的input標簽是不支持換行的所以問題就卡在這 

當然解決也很簡單 createElement（'input'） 修改成 document.createElement('textarea')