vue 监听键盘回车事件
方法一:keyup.enter使用:vue文档提供了一种按键修饰符的方法: 方法二:document.onkeydown事件获取点击事件,判断一下即可document.onkeydown = (e)=> {//按下回车提交let key = window.event.keyCode;//事件中keycode=13为回车事件if (key == 13) {this.Initialize();}
·
方法一:keyup.enter
使用:vue文档提供了一种按键修饰符的方法:
方法二:document.onkeydown事件
获取点击事件,判断一下即可
document.onkeydown = (e)=> { //按下回车提交
let key = window.event.keyCode;
//事件中keycode=13为回车事件
if (key == 13) {
this.Initialize();
}
};
方法三:document.addEventListener监听keyup事件
注意销毁enter事件
mounted () {
// 绑定enter事件
this.enterKeyup();
},
destroyed() {
// 销毁enter事件
this.enterKeyupDestroyed();
},
methods: {
//关闭
shoutDown () {
},
// 点击重置按钮,重置登录表单
resetLoginForm () {
// console.log(this);
// this.$refs.loginFormRef.resetFields()
},
enterKey(event) {
const componentName = this.$options.name;
console.log(componentName)
if (componentName == "login") {
const code = event.keyCode
? event.keyCode
: event.which
? event.which
: event.charCode;
if (code == 13) {
this.Initialize();
}
}
},
enterKeyupDestroyed() {
document.removeEventListener("keyup", this.enterKey);
},
enterKeyup() {
document.addEventListener("keyup", this.enterKey);
},
//初始化登录
Initialize(){
}
}
更多推荐
已为社区贡献16条内容
所有评论(0)