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

js 取消焦点  时间:2022-02-21  阅读:()

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

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

LOCVPS:美国XEN架构VPS七折,全场八折,日本/新加坡XEN架构月付29.6元起

LOCVPS发来了针对XEN架构VPS的促销方案,其中美国洛杉矶机房7折,其余日本/新加坡/中国香港等机房全部8折,优惠后日本/新加坡机房XEN VPS月付仅29.6元起。这是成立较久的一家国人VPS服务商,目前提供美国洛杉矶(MC/C3)、和中国香港(邦联、沙田电信、大埔)、日本(东京、大阪)、新加坡、德国和荷兰等机房VPS主机,基于XEN或者KVM虚拟架构,均选择国内访问线路不错的机房,适合建...

妮妮云(43元/月 ) 香港 8核8G 43元/月 美国 8核8G

妮妮云的来历妮妮云是 789 陈总 张总 三方共同投资建立的网站 本着“良心 便宜 稳定”的初衷 为小白用户避免被坑妮妮云的市场定位妮妮云主要代理市场稳定速度的云服务器产品,避免新手购买云服务器的时候众多商家不知道如何选择,妮妮云就帮你选择好了产品,无需承担购买风险,不用担心出现被跑路 被诈骗的情况。妮妮云的售后保证妮妮云退款 通过于合作商的友好协商,云服务器提供2天内全额退款,超过2天不退款 物...

A400互联1H/1G/10M/300G流量37.8元/季

A400互联是一家成立于2020年的商家,本次给大家带来的是,全新上线的香港节点,cmi+cn2线路,全场香港产品7折优惠,优惠码0711,A400互联,只为给你提供更快,更稳,更实惠的套餐。目前,商家推出香港cn2节点+cmi线路云主机,1H/1G/10M/300G流量,37.8元/季,云上日子,你我共享。A400互联优惠码:七折优惠码:0711A400互联优惠方案:适合建站,个人开发爱好者配置...

js 取消焦点为你推荐
npm安装如何安装solarwinds加速器789手机系统加速器 speed intensifier安装方法亚马逊云服务器官网aws中国怎么样?短信验证码英文qq邮箱开启pop3和imap服务需要的16位英文验证码需要往哪个平台发短信获取腾讯云域名绑定服务器怎么把域名绑定到云服务器ECS上阿里云如何重装系统怎么重装系统,如何重装系统,重装系统步骤华为云服务找回手机我华为的手机遗失了,但是没有开启查找手机位置的功能,我该如何找回?可靠云主机真正的云主机和假云的区别可靠云主机比阿里云更靠谱的备案的云主机有吗?hnd-132西南大学HND是怎么回事啊?
外国虚拟主机 大连虚拟主机 顶级域名 游戏服务器租用 512m 双12活动 tightvnc 云鼎网络 100m免费空间 创梦 gspeed cdn联盟 789电视 100m独享 免费美国空间 太原网通测速平台 免费智能解析 广州虚拟主机 lamp兄弟连 购买空间 更多