vue教程:键盘事件v-on:keyup、v-on:keydown、@keyup、@keydown 作者:马育民 • 2022-01-16 16:40 • 阅读:10124 # 键盘事件 vue 通过 `v-on` 可以获取键盘事件,如下: - `v-on:keydown`:键盘按下事件,不能获取当前按下字母,可以获取上一次的内容 - `v-on:keyup`:键盘按下并弹起事件,可以获取当前按下的内容(搜索引擎提示) 简化写法: - `@keydown`:键盘按下事件 - `@keyup`:键盘按下并弹起事件 # 简单例子 获取输入框中的值 ``` 按键按下: 按键弹起: ``` # 判断回车事件 可以通过 **keyCode** 判断回车 ``` ``` # 键盘修饰符 通过 **键盘修饰符**,可以更简单的实现 监听 **常用的按键事件**: - **.enter** 监听回车 - .tab - .delete (捕获“删除”和“退格”键) - .esc - .space 空格 - .up - .down - .left - .right ### 例子 在输入框,输入内容,敲回车,在控制台中打印该内容 ``` 按键修饰符判断回车: ``` 原文出处:http://malaoshi.top/show_1IX2bZFRguWI.html