详解键盘事件(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事件,直到用户松开该键为止