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