tabIndex

当tabindex=0时,该元素可以用tab键获取焦点,且访问的顺序是按照元素在文档中的顺序来focus,即使采用了浮动改变了页面中显示的顺序,依然是按照html文档中的顺序来定位。
  当tabindex=-1时,该元素用tab键获取不到焦点,注意的是onfocus与onblur事件仍被启动。
  当tabindex>=1时,该元素可以用tab键获取焦点,而且优先级大于tabindex=0;不过在tabindex>=1时,数字越小,越先定位到。

应用:

去掉tab键触发选中事件时浏览器默认加上的样式,可以在触发的div或input或span等加上tabIndex = -1 。去掉了tab键的样式之后鼠标的onfocus触发的样式可以使用outline: none;去掉浏览器默认的样式选中框

posted @ 2019-06-26 11:40  第一神坑  Views(2051)  Comments(0Edit  收藏  举报