vue项目 一看就懂的 登录界面实现回车登录
方法一:在vue的created钩子函数中写//登录添加键盘事件,注意,不能直接在焦点事件上添加回车//let that = this;//document.onkeydown = function (e) {//e = window.event || e;//if(that.$route.path=='/login'...
·
方法一:
在vue的created钩子函数中写
//登录添加键盘事件,注意,不能直接在焦点事件上添加回车
// let that = this;
// document.onkeydown = function (e) {
// e = window.event || e;
// if(that.$route.path=='/login'&&(e.code=='Enter'||e.code=='Num Enter')){//验证在登录界面和按得键是回车键enter
// that.handleSubmit2('ruleForm2');//登录函数 (handleSubmit2('ruleForm2')-登录按钮的点击事件)
// }
// }
注意:只对主键盘的Enter管用
方法二:
在vue的created钩子函数中写
var _self = this;
document.onkeydown = function(e){
var key = window.event.keyCode;
if(key == 13 || key == 100){
_self.handleSubmit2('ruleForm2');
}
}
对主键盘和小键盘的Enter都管用
更多推荐
已为社区贡献1条内容
所有评论(0)