怎么判断键盘上Tab键切换到的div

Question

一个注册页面，有一两个输入框采用自己的代码模拟下拉框，其他的input输入框可以用键盘上Tab键切换聚焦到，但是这个模拟的下拉框就无法判断是否聚焦，请教各路大神如何判断出？

Answer 1

加属性 tabindex="3"，每一个需要用tab键的相应加上，顺序是12345678，1表示第一个聚焦

Answer 2

<input type="text" placeholder="1" />
<a tabindex="0"><label>xxxxx</label></a>
<input type="text" placeholder="2" />
<script>
document.querySelector('a').addEventListener('focus', function(e){
  console.log(this);
}, false)
</script>

tabindex 支持以下元素 a area button input object select textarea 这个时候tab到a上面的时候就能绑定事件