Vue+iview键盘事件keyup、keydown、keypress

Vue+iview键盘事件keyup、keydown、keypress,第1张

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

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/940990.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-17
下一篇 2022-05-17

发表评论

登录后才能评论

评论列表(0条)

保存