今天在做登录的时候想添加一个回车登录,结果直接绑定键盘事件发现不好使,在下边是错误代码
<el-button type="primary" @keyup.enter.native="submitForm('ruleForm')" @click="submitForm('ruleForm')">登录</el-button>

发现只有在点击该按钮获取焦点之后才回车才能触发键盘回车事件,正确写法应该先把他绑定在document上,然后就好啦,下边是正确写法

<el-button type="primary"  @click="submitForm('ruleForm')">登录</el-button>
		  created:function(){
			// 主页添加键盘事件,注意,不能直接在焦点事件上添加回车
			var that=this;
			document.οnkeydοwn=function(e){
				var key=window.event.keyCode;
				if(key==13){
					that.submitForm('ruleForm');
				}
			}
		},

Logo

前往低代码交流专区

更多推荐