原文：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 指针 ...