如何临时设置所有元素的tabindex属性，并能够将所有元素重置为其原始tabindex？
临时设置所有元素的tabindex属性，并能够将所有元素重置为其原始tabindex，可以通过以下步骤实现：
- 获取页面中的所有元素：可以使用JavaScript的
querySelectorAll方法来获取页面中的所有元素，例如：var elements = document.querySelectorAll('*'); - 临时设置所有元素的tabindex属性：遍历获取到的所有元素，并为每个元素设置一个临时的tabindex值，例如：for (var i = 0; i < elements.length; i++) {
elements[i].setAttribute('data-tabindex', elements[i].tabIndex);
elements[i].tabIndex = -1;
}在上述代码中，我们使用
setAttribute方法为每个元素设置一个自定义属性data-tabindex，保存其原始的tabindex值，并将tabindex设置为-1，表示该元素不可通过tab键聚焦。 - 将所有元素重置为其原始tabindex：当需要将所有元素的tabindex重置为其原始值时，可以使用以下代码：for (var i = 0; i < elements.length; i++) {
var originalTabIndex = elements[i].getAttribute('data-tabindex');
if (originalTabIndex !== null) {
elements[i].tabIndex = originalTabIndex;
elements[i].removeAttribute('data-tabindex');
} else {
elements[i].removeAttribute('tabindex');
}
}在上述代码中，我们首先检查每个元素是否有保存的原始tabindex值，如果有，则将其重置为原始值，并移除自定义属性
data-tabindex；如果没有保存的原始tabindex值，则直接移除tabindex属性。
需要注意的是，以上代码仅适用于通过JavaScript动态设置tabindex属性的情况，对于在HTML中静态设置的tabindex属性，需要根据具体情况进行处理。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）
相关·内容
如果每个元素都有自己的tabindex，如下所示：<input type="text" tabindex="2"> <option>Option
浏览 14提问于2018-01-15得票数 2
回答已采纳
有像tab-index这样的属性吗？
上下文:我正在使web表单中的一个部分可见或不可见，这取决于当特定部分可见时，我希望手动设置制表符索引的某些条件。
浏览 17提问于2010-09-23得票数 67
回答已采纳
2回答
我在react模板中有一个h1元素，如下所示： { headline && <h1 dangerouslySetInnerHTML={{ __html: headline }} />}该组件是页面组件的一部分，该组件向下滑动，通知用户他们上一次操作的结果，即单击一个按钮。我需要能够针对可访问性需求将重点放在h1元素上，而无法解
浏览 1提问于2018-11-28得票数 0
回答已采纳
1回答
我想获取/保存所有具有属性"tabindex“的元素。然后，当用户单击一个元素打开弹出窗口时，我需要将所有元素设置为"tabindex = -1“，这样当用户按下表键时，就不会跳转到所有具有"tabindex”的其他字段。在用户关闭弹出窗口后，我需要将所有的表索引还原到每个元素</
浏览 3提问于2016-12-01得票数 1
回答已采纳
2回答
这个覆盖层包含各种元素和一个表单(下面概述)。我希望能够使用TAB键引导用户通过表单。我按照外观顺序将tabindex=0分配给必需的可表元素。我的问题是:它在Chrome (61.0.3163.100版)中不工作，而在Firefox中工作。我读到，如果DOM树上的任何元素不可见或高度/宽度为0，就会发生这种情况。</form> <
浏览 2提问于2017-10-24得票数 4
回答已采纳
因此，我的表单应用程序中有几个文本框，当我按Tab键时，它不是移动到下一个字段，而是先跳到表单底部的按钮，或者跳到任意位置。 是否有我需要使用的代码，或者我可以在设计选项卡中更改属性吗？不用说，我是Visual Studio的新手，所以任何详细的帮助都将不胜感激。
浏览 34提问于2019-01-31得票数 1
回答已采纳
1回答
我有一个包含各种html元素的段落。一些链接、一些输入框等。TAB按钮将焦点从当前元素切换到下一个html元素:它从一个链接跳到另一个链接。是否可以通过TAB按钮将特定的html元素设置为“跳过”这样的焦点？
浏览 0提问于2011-07-26得票数 19
回答已采纳
我有一个带有JavaScript的index.html：byId("nav_container").focus();
document.forms["nav_form_main我试着把焦点放在submit()之后，同样的问题在那里。
浏览 0提问于2010-10-25得票数 19
回答已采纳
我遇到了这个问题:我需要跳过焦点循环中的一个按钮，所以我使用button.setTabIndex( -1 )将选项卡索引设置为-1，但是在生成的html中，我得到了tabindex="0"...这是一个
浏览 1提问于2013-05-25得票数 2
Bootstrap 3中的tabindex属性是干什么的？对于使用键盘导航的用户，特别是使用辅助技术的用户，您应该只向可用于键盘的元素添加工具提示，例如链接、表单控件或任何具有tabindex
浏览 3提问于2015-10-02得票数 120
回答已采纳
我已经创建了一个简单的超文本标记语言页面，其中包含几个链接，当单击这些链接时，将显示或隐藏与该链接关联的IFrame，并将IFrame的SRC属性设置为我的Wordpress博客的PressThis表单之一除了Tab键的行为之外，此页面上的所有内容都能正常工作。所有的IFrames最初都是隐藏的，并且没有SRC设置(例如<
浏览 0提问于2010-09-28得票数 4
回答已采纳
我有一些CSS代码，以便在触及智能手机屏幕的缩写和符号时显示title属性。-tested it在Chrome、火狐、Safari和Opera浏览器上的表现，不过它在iOS上完全不起作用！在代码中添加“-webkit-transform: translate3d (0，0，0)；”的技巧/解决方法对此没有帮助。如果有任何帮助，我将不胜感激！真的非常感谢你！
解决了！我尝试了以下链接中提出的解决方案：，它运行良好。问题是Safari Mobile默认禁用:active伪类，这个简单的</e
浏览 18提问于2017-07-06得票数 1
2回答
tabIndex作为css属性？
、、、、
我试图弄清楚如何通过css使用属性。由于我的<div className="my-checkbox">在我的应用程序中重复多次，所以我不想每次都显式地定义tabIndex属性；因此，我正在寻找一种避免代码重复
浏览 0提问于2018-08-25得票数 4
2回答
我的任务是创建一个可访问/响应的旋转木马，并在Chrome中遇到了一个关于隐藏元素焦点的问题。根据这个jsfiddle ()；如果您在隐藏元素获得焦点之前选择选项卡，您将看到链接被悬挂到视图中，而无需对元素的css属性进行任何更新。对于旋转木马，这会引起问题，因为我需要随时跟踪旋转木马的位置。我试图模糊焦点，但即使这样似乎也太晚了。这个问题有一个简单的解决方案吗?还是我要开发一些复杂的焦点
浏览 4提问于2014-10-07得票数 3
这确实令人尴尬，但我似乎无法选择复选框，我已经尝试了我所知道的一切。" />
<select tabindex
浏览 0提问于2010-11-21得票数 0
2回答
我正在寻找任何编程语言的想法来处理这样的场景。
所以首先，我知道如何设置tabIndex，无论它是硬编码的还是在用户控件中自动生成的。我遇到的问题是，如果您有一个使用AJAX的复合控件，例如一个网格控件，并且您为所有表单条目元素都设置了tabIndex属性，包括AJAX网格控件中的可见行。现在，据我所知，<em
浏览 2提问于2009-08-04得票数 0
我需要一些帮助来动态地向<div>中的所有元素添加tabindex。为了便于访问，我需要这样做。如果我指定了一个<div>元素，它会自动将tabindex添加到该<div>中的所有元素中。我试过这样的东西：
浏览 0提问于2011-07-15得票数 2
1回答
我正在尝试控制我的表单以及用户如何通过表单元素的tabindex属性与它们交互。我的所有元素都指定了tabindex，我希望这个值得到尊重并正确使用。我目前正在Mac/Firefox上进行开发，我知道默认的Mac系统设置是将制表符切换设置为仅输入元素和列表。但是，我想在任何系统/浏览器上覆盖
浏览 4提问于2009-07-18得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
