vue键盘事件组合事件（alt+enter enter）

1.监听alt+enter,enter事件@keyup.enter.native="handelSave($event,1)"可以在handelSave中通过e.keyCode === 13 代表当前是回车事件。e.altKey === true 判断是否有alt按键。e.ctrlKey === true 判断是否有ctrl按键当前业务需求输入框点击enter 输入框失去焦点，输入框消失，保存输入

星光君

2756人浏览 · 2020-08-24 16:52:32

星光君 · 2020-08-24 16:52:32 发布

1.监听alt+enter,enter事件

@keyup.enter.native="handelSave($event,1)"

可以在handelSave中通过

e.keyCode === 13 代表当前是回车事件。
e.altKey === true 判断是否有alt按键。
e.ctrlKey === true 判断是否有ctrl按键

当前业务需求

输入框点击enter 输入框失去焦点，输入框消失，保存输入框数据。
输入框点击alt+enter 换行，输入框不失去焦点。

handelSave(e,type){

if(e.altKey && e.keyCode===13){

// 如果是alt+enter 就给文本+换行

this.content += '\n'

}else{

// 如果是enter 就给文本去掉换行

this.defaultContent = this.content.replace(/(^[\s\n\t]+|[\s\n\t]+$)/g, "");

}

}

后续更新中...

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^