解决：div获取不到键盘事件

今天给div添加按键监听的时候才发现，居然拿不到监听事件

查阅资料后发现，原来html元素还有按焦点分类的情况，因为键盘与鼠标不同：

（1）鼠标可以通过移动，选择触发的元素

（2）键盘不知道应该将按键信息传递给哪个元素，也不可能每次输入都将鼠标移动到元素内部，再进行键盘输入........

但是因为有了焦点这个概念，一般情况焦点最多存在一个，于是键盘就可以根据焦点所在元素进行输出。

我们可以通过元素自带的tabindex属性为div添加可以拥有焦点的权限。

tabindex="-1"     元素拥有焦点权限，选中不会表现出来，不会被tab切换时选中。

tabindex="1"      元素拥有焦点权限，选中会表现出来，会被tab切换选中

tab切换焦点元素时，会根据tabindex值大小决定先后顺序，值越小，优先级越高，越早被选中，值越大，越晚被选中。

添加该属性后，你会发现，div可以接收到键盘事件了