Vue 学习总结笔记 (二)

<input type=“text” placeholder=“按下delete提示” @keyup.delete=“showInfo”/>

<input type=“text” placeholder=“按下esc提示” @keyup.esc=“showInfo”/>

<input type=“text” placeholder=“按下space提示” @keyup.space=“showInfo”/>

<input type=“text” placeholder=“按下tab提示” @keyup.tab=“showInfo”/>

<input type=“text” placeholder=“按下up提示” @keyup.up=“showInfo”/>

<input type=“text” placeholder=“按下down提示” @keyup.down=“showInfo”/>

<input type=“text” placeholder=“按下left提示” @keyup.left=“showInfo”/>

<input type=“text” placeholder=“按下right提示” @keyup.right=“showInfo”/>

---

直接通过按键全名来操作，不使用Vue的别名：

<input type=“text” placeholder=“按下enter提示” @keyup.Control=“showInfo”/>

<input type=“text” placeholder=“按下enter提示” @keyup.caps-lock=“showInfo”/>

注意：tab键的使用，tab键比较特殊，它是切换下一内容的。因此如果绑定tab键，我们只能用keydown，不能用keyup，因为tab已经切换到下一个了，就不会执行keyup的事件函数了。

---

也可以通过编码方式指定按键(不推荐，已经过时)：

---

系统修饰键：ctrl , alt , shift , meta(这个按键是键盘的win键) ,tab。