vue 键盘事件绑定无效
今天在做登录的时候想添加一个回车登录,结果直接绑定键盘事件发现不好使,在下边是错误代码<el-button type="primary" @keyup.enter.native="submitForm('ruleForm')" @click="submitForm('ruleForm')">登录<
·
今天在做登录的时候想添加一个回车登录,结果直接绑定键盘事件发现不好使,在下边是错误代码
<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');
}
}
},
更多推荐
已为社区贡献11条内容
所有评论(0)