vue_按键修饰符

事件处理 — Vue.js (vuejs.org)




    
    Title


vue_按键修饰符_第1张图片

 光标移到文本框,按下 enter 键

回调函数执行

vue_按键修饰符_第2张图片

 

@keyup.enter 也可以使用 数值 @keyup.13 但建议使用 别名(如.enter) 更加具有通用性,keyCode 在不同的设备(键盘) 可能有差异




    
    Title



 vue_按键修饰符_第3张图片

 


@keyup.s  键入 s 时,执行回调函数




    
    Title


vue_按键修饰符_第4张图片

文本框中输入s

vue_按键修饰符_第5张图片 

 

tab 键 无法触发 keyup是事件 (只能用keydown)

按下 tab 键时,焦点就会移动到其他元素上

系统修饰键

ctrl

对于keyup事件,只要 按下ctrl键,事件就会发生

对于keydown事件,需要按下ctrl 键 且 同时按下组合键,松开组合键时,事件发生

例如:按下 ctrl 和 c 两个键,松开 c ,事件发生




    
    Title


光标移动到文本框,按下 ctrl 和 c,松开 c, 执行回调函数

vue_按键修饰符_第6张图片

 

你可能感兴趣的:(vue.js,前端,javascript)