html5标签div可绑定键盘事件方法

我们知道键盘事件一般用在input这些可以获取焦点的元素上,但是作为div,尽管官方上说可以绑定键盘事件,但是我写了以后发现不生效,于是找答案。

果然,找到了一个神器:tabindex

它是html5标签的一个属性,默认它的值是-1也就是不可以,在div上,我们要设置这个值不超过999就可以了。

document.querySelector('div').setAttribute("tabindex", 1)&&document.querySelector('div').addEventListener("keyup", functionName);

posted @ 2018-05-15 15:07  宋宇  阅读(959)  评论(0编辑  收藏  举报