vue 监听键盘回车事件 @keyup.enter || @keyup.enter.native
2024-08-28 10:11:26
vue运行为v-on在监听键盘事件时,添加了特殊的键盘修饰符:\
<input v-on:keyup.13="submit">
vue还非常贴心地给出了常用按键的别名,这样就不必去记keyCode ~ ~
上面代码,还可以在这样写:
<input v-on:keyup.enter="submit"> <input @keyup.enter="submit">
全部的键盘别名:
.enter .tab .delete (捕获 “删除” 和 “退格” 键) .esc .space .up .down .left .right
还有一些组合按键:
.ctrl .alt .shift .meta(window系统下是window键,mac下是command键)
Alt + C :
<input @keyup.alt.67="doSth">
Ctrl + Click :
<div @click.ctrl="doSth">点我</div>
注意!!!如果用了封装组件的话,比如element,这个时候使用按键修饰符需要加上.native
比如:
<el-input v-model="account" placeholder="请输入账号" @keyup.enter.native="search()"></el-input>
最新文章
- jquery数组(排序)
- spring+struts2的jar
- iOS静态库.a文件制作和导入使用
- [访问系统] Api_Win32_Mac类工具包 (转载)
- Java中如何创建进程(转)
- 【CF】509E Pretty Song
- mysql 和excel相互转换
- 跟着刚哥梳理java知识点——数组(七)
- linux下安装git提示”无法打开锁文件 /var/lib/dpkg/lock - open (13: 权限不够)“
- VS2013 工程属性配置
- TDD:什么是桩(stub)和模拟(mock)?
- python zip压缩文件 并移动到指定目录
- BZOJ 1093 [ZJOI2007]最大半连通子图 - Tarjan 缩点
- MySQL优化之——安全地关闭MySQL实例
- vue + echarts画圈圈
- Hibernate_Validator学习
- 线段树-hdu2795 Billboard(贴海报)
- python学习笔记(SMTP邮件发送)
- 剑指offer-第四章解决面试题思路(二叉收索树和双向链表)
- 很有用的PHP笔试题系列二