div支持focus事件，可以使用键盘tab键操作

发布时间：2020-06-23 14:31:30 修改时间：2020-06-23 14:31:30 阅读：9409 评论：0 0

主要属性：tabindex 

示例：

<div tabindex="0" >普通div</div>




属性说明：

tabindex有三个值：0 ，-1， 以及X（X里32767是界点）

当tabindex=0时，该元素可以用tab键获取焦点，且访问的顺序是按照元素在文档中的顺序来focus，即使采用了浮动改变了页面中显示的顺序，依然是按照html文档中的顺序来定位。

当tabindex=-1时，该元素用tab键获取不到焦点，但是可以通过js获取，这样就便于我们通过js设置上下左右键的响应事件来focus，在widget内部可以用到。

当tabindex>=1时，该元素可以用tab键获取焦点，而且优先级大于tabindex=0；不过在tabindex>=1时，数字越小，越先定位到。




样式优化：

　定义tabindex属性后，元素是默认会加上焦点虚线的，改变样式需要如下设置,示例：

div{outline：0} 

---