Vue+iview键盘事件keyup keydown keypress

详解键盘事件(keydown，keypress，keyup)

1.定义

keydown：按下键盘键

keypress：紧接着keydown事件触发（只有按下字符键时触发）

keyup：释放键盘键

顺序为：keydown -> keypress ->keyup

2.代码示例

<Input v-model="formValidate.amount" type="text"@keydown.native="log" clearable></Input>

这个时候在输入框中输入数字会触发这个事件

log(){console.log('测试',999)},

如图所示：

3、详解

用户按下键盘上的字符键时

首先会触发keydown事件

然后紧接着触发keypress事件

最后触发keyup事件

如果用户按下了一个字符键不放，就会重复触发keydown和keypress事件，直到用户松开该键为止