首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在包含输入元素的页面上,通过链接启用选项卡

在包含输入元素的页面上,通过链接启用选项卡
EN

Stack Overflow用户
提问于 2018-04-09 15:32:32
回答 1查看 2.8K关注 0票数 0

我想让用户通过一个页面的链接选项卡。

这是大多数浏览器中的默认行为,但一旦页面包含input元素,它就成为页面上唯一的可选项元素(取决于浏览器),这使得键盘无法访问a元素。如果设置了或不设置tabindex,这不会改变。

请参阅下面的示例。集中输入元素并按tab几次;而Chrome将聚焦链接,火狐和Safari将跳过这些元素。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div>
  <form>
    <input type="text" tabindex="0">
     <button tabindex="0">send</button>
  </form>
</div>
<a href="#" tabindex="0">Link</a>
<a href="#" tabindex="0">Link</a>

如何在没有JavaScript的情况下实现跨浏览器键盘导航,并避免这个问题?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-04-11 09:21:50

我不认为你需要解决这个问题。

苹果对可访问性的处理方式略有不同,而且必须启用用户首选项,以便在链接之间设置选项卡。这种行为在可访问性社区中是众所周知的,我不建议实现任何自定义解决方案来修改此行为,因为它可能只会造成其他问题。

本文将更详细地解释:http://www.weba11y.com/blog/2014/07/07/keyboard-navigation-in-mac-browsers/

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49743138

复制
相关文章
JavaScript 获取鼠标及元素在页面上的位置
HTML5学堂:JavaScript获取鼠标的位置,大家会想到clientX/Y等属性,灵活的获取鼠标的位置信息,能够便于我们实现各种复杂的页面交互效果,到底还有哪些属性可以获取鼠标的位置信息?另外,还有哪些能快速获取标签在页面中的位置信息? 在书写一些“拖拽”页面交互效果,比如常见的拖拽效果、自定滚动条、放大镜等效果,都需要用到了鼠标或元素在页面上的位置信息。为了能够快速、灵活的获取鼠标位置信息,今天要带着大家来接触的不是利用clientX/Y获取鼠标的位置信息,而是利用了大家可能比较少用的两个属性lay
HTML5学堂
2018/03/13
3.5K0
JavaScript 获取鼠标及元素在页面上的位置
python - 抓取页面上的链接
除了C/C++以外,我也接触过不少流行的语言,PHP、java、javascript、python,其中python可以说是操作起来最方便,缺点最少的语言了。
phith0n
2020/10/15
2.8K0
CSS篇(005)-在页面上隐藏元素的方法有哪些?
-(1)使用 display:none;隐藏元素,渲染树不会包含该渲染对象,因此该元素不会在页面中占据位置,也不会响应绑定的监听事件。
齐丶先丶森
2022/05/12
6250
SAP MM MIGO界面上的Freight标签页
这是笔者玩SAP系统十多年来第一次知道的,就在今天,就在刚刚。自然引起了笔者强烈的好奇心。经过上网查资料,得到了一些有用的信息,整理成本文,算是做一个学习笔记吧!
SAP虾客
2022/01/25
7780
SAP MM MIGO界面上的Freight标签页
通过Rancher Desktop在桌面上运行K8s
Rancher 发行的操作系统新选择:Rancher Desktop for Windows,它可以帮助你在Windows桌面上管理Kubernetes和容器。当然他当然会支持Linux,Mac的。
张善友
2022/03/28
2.1K0
通过Rancher Desktop在桌面上运行K8s
js判断数组中是否包含某个指定元素的个数_js 数组包含某个元素
indexOf()完整语法: array.indexOf(item,start)
全栈程序员站长
2022/11/02
11.4K0
在Java中如何高效判断数组中是否包含某个元素
原文地址:http://www.hollischuang.com/archives/1269
Java后端技术
2018/08/09
5.3K0
让点击链接上的元素不触发链接的跳转
最近有个做招聘网站的客户提出了个修改要求,要求报名列表上的某个元素可点击,点击后可以录取这个人。 这不是日了个狗了嘛,现在的列表项的每项是用a标签包着的,并且是多处调用这里,所以不能将a标签改成其它。 不过也得满足不是。 经过一番查找,找到一个方法:阻止冒泡事件
jwj
2022/05/18
1.1K0
Golang 切片是否包含某元素
如何判断元素是否在切片中,Golang 并没有提供直接的库函数来判断,最容易想到的实现便是通过遍历来判断。
恋喵大鲤鱼
2023/10/12
1.1K0
Golang 切片是否包含某元素
caj转pdf——包含下载链接
很多人在知网上下载论文后,想转换成PDF格式,本片一站式教学,包含下载链接。 需要工具 1 caj格式的文件,即要转换的文件。 2 cajviewer,可以在知网的官网上面下载,下载地址参考这里。 3 虚拟打印机,   可以是Adobe acrobat(这个太大了,而且官方需要序列号,不推荐),   或者 TinyPdf(我是64位的系统,官方说是32位有免费的,没有试过),   这里推荐一个64位可用的虚拟打印机。 转换方法 首先,使用cajviewer打开caj文件,按ctrl+p,弹出打印框(
用户1154259
2018/01/17
2K0
caj转pdf——包含下载链接
在垂直90度的墙面上开
新年新气象,就在新年刚刚到来的时候,迪斯尼研究院和ETH(苏黎世联邦理工学院) 的ASL Lab就携手为我们带来了一个能飞檐走壁的有趣的小家伙。我们先一睹为快。 看到ETH的ASL Lab,读者们一
前朝楚水
2018/04/02
6620
lxparse:解析列表页链接和详情页内容
Github地址:https://github.com/lixi5338619/lxparse
李玺
2022/09/23
1.2K0
lxparse:解析列表页链接和详情页内容
脚本链接 ssh 自动输入密码
首先安装 expectexpectexpect,因为默认是没有安装这个的,UbuntuUbuntuUbuntu 系统可以直接通过 sudo apt−get install expectsudo\ apt-get\ install\ expectsudo apt−get install expect 来安装,然后写好 expectexpectexpect 脚本,假如说叫做 login−via−sshlogin-via-sshlogin−via−ssh,如果脚本没有参数的话,直接 expect login−via−sshexpect\ login-via-sshexpect login−via−ssh 就可以了,注意必须用 expectexpectexpect 来运行这个脚本,其他 shellshellshell 工具是无法解析这个脚本的。
f_zyj
2019/05/27
4.4K0
Python如何获取页面上某个元素指定区域的html源码?
1 需求来源自动化测试中,有时候需要获取某个元素所在区域的页面源码,用于后续的对比分析或者他用;另外在pa chong中可能需要获取某个元素所在区域的页面源码,然后原格式保存下来,比如保存为html或者excel格式数据等。2 测试对象获取博客园首页右侧的【48小时阅读排行】词条;获取博客园首页右侧的【10天推荐排行】词条。图片3 需求实现3.1 使用selenium实现3.1.1 实现过程查看博客园首页右侧的【48小时阅读排行】元素xpath属性;图片复制其xpath:'//*[@id="side_rig
虫无涯
2023/02/15
3.1K0
Python 3.6模拟输入并爬取百度前10页密切相关链接
1、安装扩展库mechanicalsoup,这个库依赖requests、beautifulsoup4等模块,一般会自动安装,如果失败的话,可以先安装依赖的其他扩展库。
Python小屋屋主
2018/07/23
7200
Python 3.6模拟输入并爬取百度前10页密切相关链接
但是,在通过移动数组的上升周期中找到指定元素
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/117323.html原文链接:https://javaforall.cn
全栈程序员站长
2022/07/06
3870
java输入数组元素_java数组的输出
Java中快捷输出数组中各个元素笔者目前所知的就三种方法,今天就简单的做个记录。大家如果有什么更好的方法,麻烦留言评论。
全栈程序员站长
2022/09/27
2.7K0
SAP 2023分析云 新功能所有细节介绍
SAP 分析云是一款先进的商务分析云解决方案,集商业智能 (BI)、增强分析、预测分析和企业规划功能于一体,消除单点解决方案和数据孤岛挑战,能提供你需要的全面云分析功能。
matinal
2023/10/13
3390
SAP 2023分析云 新功能所有细节介绍
怎样从数组中删除给定元素_java数组包含某个元素
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/169528.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/22
5.1K0
怎样从数组中删除给定元素_java数组包含某个元素
Apriso 开发葵花宝典之五 Process Builder JavaScript 篇
Process builder是Delmia Apriso中主要的业务流程管理工具,也是DELMIA更广泛的Apriso制造运营管理解决方案的核心应用程序,Process Builder允许使用屏幕流管理设计方法和实体(如项目、屏幕、布局、视图和操作(函数))创作用户界面和业务逻辑。该应用程序能够快速方便地管理和修改开发的设计,使您能够根据需要随时更改业务流程。由于增强了对可重用性的支持,以前开发的逻辑可以在新的设计中快速重用。
李英杰同学
2023/09/02
6580
Apriso 开发葵花宝典之五 Process Builder JavaScript 篇

相似问题

可访问性选项卡并在span元素上通过链接输入

14

通过同一页面上的函数传递输入

41

禁用/启用页面上的所有链接

34

使用同一页面上的文本链接打开选项卡

12

如何启用和禁用选项卡窗格输入元素

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文