js 取消焦点如何解决js生成弹出层窗口时的tab焦点问题

如何解决js生成弹出层窗口时的tab焦点问题

具体的实现我没有经验，但我觉得下面几点必须重视： 1 fbocus到弹出层内的一个元素上（这可以是弹出层里的第一个可设定焦点元素，或者人为的给非焦点元素加上tabindex=0 来实现） 2 弹出层关闭后，一定要将焦点重新还给触发弹出层的元素，这一点非常关键。 关于这个问题的一个场景是浏览微博，当你对第十条微博进行了转发之后，很自然的应该继续从第十一条微博开始继续浏览，但是如果处理不好转发微博的弹出层的焦点的话，就会导致tab焦点回到网页第一个元素，那就意味着需要从头开始，这就给使用键盘操作的用户带来非常差的体验。 新浪微博和腾讯微博之前都有这一问题，经过多次反馈和交涉之后，他们的部分页面已经解决，但仍然不够完美。大家如果有兴趣，可以在新浪微博的搜索页面，尝试转发一条微博，之后在观察tab的焦点位置。另外解释下，读屏软件一般都会主动读出焦点内容，网页里只要调用focus()，读屏就会读出被focus到的元素内容。推荐两个曾关注过弹出层焦点问题的同学：