1. 程式人生 > >html5標簽div可綁定鍵盤事件方法

html5標簽div可綁定鍵盤事件方法

標簽 select lec input 神器 selector tabindex 鍵盤 ner

我們知道鍵盤事件一般用在input這些可以獲取焦點的元素上,但是作為div,盡管官方上說可以綁定鍵盤事件,但是我寫了以後發現不生效,於是找答案。

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

它是html5標簽的一個屬性,默認它的值是-1也就是不可以,在div上,我們要設置這個值不超過999就可以了。

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

html5標簽div可綁定鍵盤事件方法