（尚硅谷）Vue笔记--------07

键盘事件

鼠标放上去按回车就好使。

 

我们Vue中有九大常见的键盘事件的别名：

回车==>enter

删除==>delete

退出==>esc

空格==>space

换行==>tab

上==>up

下==>down

左==>left

右==>right

我们只需要把别名放上去就可以了，不一一演示了。

接下来我们来说这9大别名以外的按键应该怎么用呢？

我们比如说CopsLock这个按键，它有两个大写字母，是由两个单词组成的，我们命名时要这样写：

 

但是这种并不多。

常见的人家都给你了。常见的差不多就够用了。

tab就不适合用keyup，它就是失去焦点。

对于它我们需要配合keydown来使用。

还有四个特殊的，我们需要记一下：

ctrl,alt,shift,meta(win)

（1）配合keyup使用：按修饰建的同时还需要再按个随便的别的按键才好使

（2）配合keydown正常使用

我们键盘事件就说这么多。

我们在修饰符上补充一个点：

 

 

我们点击确定就跳转了。我们如果不想让它跳转呢？

 

我们修饰符也可以连用。

 

键盘事件中我们也可以这样使用，只有按ctry+y才可以。

姓名案例

 

 

 

我们这个功能就实现了，我们现在想要的是，我们姓或者名有时候可能太长了，我们想去只取前三位。

 

我们只需要加一个函数即可，左闭右开。

 

但是如果以后我们双花括号里的逻辑比较复杂，这样不方便去观看，我们就要摒弃掉这种写法。

 我们现在是写在方法里面去了。

但是这么写有不好的地方，所以下一次笔记要使用计算属性。我们会通过对比知道为什么要用计算属性。