原文：vue可輸入div contenteditable，ctrl+enter換行，enter不換行發送
最近在實現webIM功能，textarea組件不能插入標簽，於是使用了可輸入div，添加contenteditable true 發送按鈕常用的快鍵鍵就是enter， 默認瀏覽器enter會觸發換行，使用event.preventDefault 即可阻止瀏覽器的換行 但是ctrl enter，添加 n讓其換行之后，光標位置卻被移動到第一個位置 以下代碼可使ctrl enter換行並且保留當前光標位 ...
2020-08-12 16:46 0 1928 推薦指數：
相關推薦
使用了vue框架，相關的代碼如下 消息的換行文本需要換行顯示，將換行符替換成html的換行符。 ...
html: <el-input type="textarea" autofocus="true" @keydo ...
業務需求：按下enter鍵發送信息，按下ctrl+enter鍵換行 下面代碼是網上找的資料 jq下設置換行 react下設置換行 ...
<input type="textarea" @on-keypress="handlerMultiEnter"> handlerMultiEnter(e) { let code = e.keyCode; let ctrl ...
) == 0) //按Shift+Enter換行 { if (e.KeyCode == ...
需要注意的是 enter鍵按下需要禁止換行，其他的情況不禁止默認的操作行為 if(!event.shiftKey && event.keyCode == 13){ event.cancelBubble=true ...
以jQuery插件開發的方法開發。具體代碼如下： jQuery.fn.extend({ /** * ctrl+enter提交表單 * @param {Function} fn 操作后執行的函數 * @param {Object} thisObj 指針 ...