Vue中的键盘事件


字母键

  • 只有按下q键时才会执行send方法
    <input v-on:keyup.Q="send" type="text">

大写锁定键

  • 只有按下capslock键时才会执行send方法
    <input v-on:keyup.caps-lock="send" type="text">

回车键

  • 只有按下回车键时才会执行 send 方法
    <input v-on:keyup.enter="send" type="text">

Alt+字母组合键

  • keyup事件时需要同时按下组合键才会执行send方法
    <input v-on:keyup.Alt.y="send" type="text">

自定义按键

// 13是回车键的键码,将他的别名定义为send
Vue.config.keyCodes.send=13
// 只有按下回车键时才会执行send方法
<input v-on:keydown.send="send" type="text">

  目录