vue监听键盘回车事件

Posted 野猪佩奇007

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue监听键盘回车事件相关的知识,希望对你有一定的参考价值。

方法一:@keydown=‘show()’ 当然我们传个$event 也可以在函数中获 ev.keyCode
if(ev.keyCode==13)
alert(‘你按了回车键!’)

方法二:
<input type=“text” @keyup.enter=“show()”>回车执行
<input type=“text” @keydown.up=‘show()’ >上键执行
<input type=“text” @keydown.down=‘show()’ >下键执行
<input type=“text” @keydown.left=‘show()’ >左键执行
<input type=“text” @keydown.right=‘show()’ >右键执行
方法三:
<el-button type=“primary” @click=“login”>登录
created()
this.keyupSubmit();
,
methods()
keyupSubmit()
document.onkeydown = (e) =>
let _key = window.event.keyCode;
//!this.clickState是防止用户重复点击回车
if (_key === 13&&!this.clickState)
this.login();

;
,

以上是关于vue监听键盘回车事件的主要内容,如果未能解决你的问题,请参考以下文章

vue 监听键盘回车事件 @keyup.enter || @keyup.enter.native

在uniapp中 监听回车事件

vue+elementUI的el-form的回车键登录,监听键盘来触发事件

Android 软键盘监听回车之没辣么简单

vue键盘事件不生效

Android基础篇 监听软键盘回车事件以及回车响应两次