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();

}

};

},

}


复制代码
                        版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

原文链接:https://blog.csdn.net/qq_45067263/article/details/137640383

相关推荐
学习笔记1012 小时前
第十五章认识Ajax(六)
前端·javascript·ajax
程序员杨工4 小时前
【原创】SpringBoot3+Vue3客户管理系统
vue.js·springboot
theOtherSky5 小时前
element+vue3 table上下左右键切换input和select
javascript·vue.js·elementui·1024程序员节
会联营的陆逊5 小时前
JavaScript 如何优雅的实现一个时间处理插件
javascript
over6975 小时前
浏览器里的AI魔法:用JavaScript玩转自然语言处理
前端·javascript
Amy_cx6 小时前
搭建React Native开发环境
javascript·react native·react.js
代码AI弗森6 小时前
Python × NumPy」 vs 「JavaScript × TensorFlow.js」生态全景图
javascript·python·numpy
疏狂难除6 小时前
关于spiderdemo第二题的奇思妙想
javascript·爬虫
渣渣盟6 小时前
探索Word2Vec:从文本向量化到中文语料处理
前端·javascript·python·文本向量化