jjzjj

tabIndex

全部标签

html - 在不更改默认浏览器首选项的情况下将 tabindex/focus 添加到 Safari 中的按钮

使用键盘浏览表单时,按钮元素不会在Safari中获得焦点(在Yosemite上的v8.0中测试)。除非在首选项-->高级下明确打开制表符。有什么办法可以解决这个问题吗?ButtonButtonhttp://codepen.io/alexandtheweb/pen/raQrxw 最佳答案 没有办法解决这个问题。用户需要启用这些首选项才能使Tab键正常工作。 关于html-在不更改默认浏览器首选项的情况下将tabindex/focus添加到Safari中的按钮,我们在StackOverflo

html - 如何使自定义 Web 组件可聚焦?

我正在写一个customwebcomponent那意味着是互动的。我如何告诉浏览器这个自定义组件应该获得焦点?我希望我的自定义元素......可以集中注意力(通过标签导航);在聚焦时可以接收按键;可以匹配:focuspseudo-selector.我没有使用任何外部库,只使用普通的HTML5API。 最佳答案 基于thisdemo我在thisquestion中找到的,我有这个答案:只需添加tabindex属性到您希望可聚焦的元素。//AddthistocreatedCallbackfunction:if(!this.hasAttri

html - 如何使自定义 Web 组件可聚焦?

我正在写一个customwebcomponent那意味着是互动的。我如何告诉浏览器这个自定义组件应该获得焦点?我希望我的自定义元素......可以集中注意力(通过标签导航);在聚焦时可以接收按键;可以匹配:focuspseudo-selector.我没有使用任何外部库,只使用普通的HTML5API。 最佳答案 基于thisdemo我在thisquestion中找到的,我有这个答案:只需添加tabindex属性到您希望可聚焦的元素。//AddthistocreatedCallbackfunction:if(!this.hasAttri

javascript - 如何禁用和重新启用隐藏/可见元素的 tabindex?

如何根据元素是否可见(在可查看区域中)更改元素的tabindex?我想做以下事情之一:在进入新部分时重置当前tabindex并将新的tabindex分配给该部分中的元素。或者能够禁用和重新启用某些元素的tabindex。html:Gotosection1Gotosection2Specifictosection1Specifictosection2我希望链接仅在其部分可见时才按Tab键顺序排列。CSS:#container{overflow:hidden;width:400px;height:400px;}#section1{background:red;width:400px;hei

javascript - 如何禁用和重新启用隐藏/可见元素的 tabindex?

如何根据元素是否可见(在可查看区域中)更改元素的tabindex?我想做以下事情之一:在进入新部分时重置当前tabindex并将新的tabindex分配给该部分中的元素。或者能够禁用和重新启用某些元素的tabindex。html:Gotosection1Gotosection2Specifictosection1Specifictosection2我希望链接仅在其部分可见时才按Tab键顺序排列。CSS:#container{overflow:hidden;width:400px;height:400px;}#section1{background:red;width:400px;hei

javascript - 从 Tab 键顺序中删除 HTML 标签

在我的应用程序的选项卡循环中,标签占据一个制表位。我正在寻找删除来自自来水循环的标签。我尝试添加tabindex="-1"到标签,但至少在IE11上,这似乎没有从选项卡循环中删除元素。如果document.activeElement===,我即将使用JS来“跳”到下一个可聚焦元素来旋转我自己的逻辑。,但我想知道是否有更简单的方法。该解决方案需要支持主流浏览器:IE11、Edge、FF、Chrome、Safari。有什么想法吗? 最佳答案 我访问了tabindex属性的HTML规范->https://html.spec.whatwg.

javascript - 从 Tab 键顺序中删除 HTML 标签

在我的应用程序的选项卡循环中,标签占据一个制表位。我正在寻找删除来自自来水循环的标签。我尝试添加tabindex="-1"到标签,但至少在IE11上,这似乎没有从选项卡循环中删除元素。如果document.activeElement===,我即将使用JS来“跳”到下一个可聚焦元素来旋转我自己的逻辑。,但我想知道是否有更简单的方法。该解决方案需要支持主流浏览器:IE11、Edge、FF、Chrome、Safari。有什么想法吗? 最佳答案 我访问了tabindex属性的HTML规范->https://html.spec.whatwg.

javascript - 如何创建 tabindex 组?

我正在尝试创建tabindex组,在该组中按下tab键它会一直在该组中旋转,直到另一个组通过javascript或手动聚焦。问题:是否可以在没有JavaScript的情况下执行此操作,如果不能,我该如何实现?这里是jsFiddleHTML代码:编辑:我宁愿将iframe作为解决此问题的最后手段,在我的应用程序的这个开发阶段很难实现iframe。这是我想出来的这是相当困惑的代码,但这是我想出的。将data-tabgroup和data-tabgroupindex添加到input元素将正确地标记它们而不会超出组。作为steveax在thiscomment中指出不建议没有键盘的用户或在没有真正

javascript - 如何创建 tabindex 组?

我正在尝试创建tabindex组,在该组中按下tab键它会一直在该组中旋转,直到另一个组通过javascript或手动聚焦。问题:是否可以在没有JavaScript的情况下执行此操作,如果不能,我该如何实现?这里是jsFiddleHTML代码:编辑:我宁愿将iframe作为解决此问题的最后手段,在我的应用程序的这个开发阶段很难实现iframe。这是我想出来的这是相当困惑的代码,但这是我想出的。将data-tabgroup和data-tabgroupindex添加到input元素将正确地标记它们而不会超出组。作为steveax在thiscomment中指出不建议没有键盘的用户或在没有真正

jquery - <p> 元素上的 tabIndex 出现奇怪的边框

我目前正在尝试使一些显示/隐藏内容在大型网站(超过30,000页)上更易于访问,并且我在添加tabindex时遇到了一个奇怪的错误,点击控件时会出现虚线边框打开隐藏的内容。使用p标签设置,您可以单击该标签淡入显示隐藏内容的div。我根本无法修改HTML,因为网站上有成千上万的HTML,所以这是我必须处理的。目前,我正在使用jQuery动态添加tabindex,为每个p标签添加一个不断增加的标签索引。我想摆脱这个奇怪的边框的第一个想法是尝试CSS:#contentdiv.showHidep.showHideTitle:focus,#contentdiv.showHidep.showHid