问题标签 [tabindex]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
gwt - 对话框内的gwt tabindex
在我的 gwt 应用程序中,在某些屏幕上,我创建了一个带有输入表单的对话框。我希望能够使用 tabindex 属性,但只能在该对话框中使用。(即:仅循环该对话框的第一个到最后一个字段)现在如果我在选择最后一个字段时按 Tab,焦点将移到第一个选项卡索引上,该索引恰好是对话框后面的项目(设置为玻璃)。这很烦人,因为现在必须多次按标签,直到焦点返回到第一个对话框字段。将对话框设置为模态会更糟糕,一旦您在对话框外使用 tab,tab 键就会被忽略,因为对话框外的对象不再接收键盘事件(不能 tab out!)。我唯一的选择是收听 Tab 键并手动处理 Tab 键吗?只要它返回到我的对话框而不必遍历它下面的所有元素,我就可以在我的应用程序之外并进入 url 栏(例如)。
html - 启用/禁用 HTML 元素 (IFrame) 以防止或允许对其进行切换/聚焦
是否有一种简单的方法来启用或禁用 IFrame 以将其从 Tab 顺序中移除?
我创建了一个简单的 HTML 页面,其中包含多个链接,单击这些链接时会显示或隐藏与该链接关联的 IFrame,并将 IFrame 的 SRC 属性设置为我的 Wordpress 博客的 PressThis 表单之一。通过这种方式,我可以轻松地从单个页面向任何博客添加帖子。
除了 Tab 键的行为之外,此页面上的所有内容都按预期正常工作。所有的 IFrame 最初都是隐藏的,并且没有设置 SRC(例如<iframe src=""></iframe>
)。问题是,当我按 Tab 时,它不是从一个链接转到另一个链接,而是将焦点设置在链接之间的隐藏(和空)IFrame 上。
当框架显示并加载 PressThis 表单时,按 Tab 可以正确地在链接之间浏览表单的输入字段(以及页面中的所有其他内容)。但是,当框架再次被隐藏时,按 Tab 仍然会遍历每个字段,因此使用键盘从链接到链接是非常糟糕的。
我试图找出一种切换 IFrame 的方法,以便当它隐藏时,按 Tab 跳过它(它从 Tab 顺序中删除),当它显示时,按 Tab 在其表单字段之间导航。
我环顾四周,找不到任何关于直接禁用 HTML 元素的信息(HTML 元素似乎没有 disabled 属性作为 DOM 的一部分,也没有禁用的 CSS 样式)。我能找到的最接近的事情是人们询问禁用特定表单字段。
有没有简单的方法来完成这项工作?
谢谢。
javascript - Advice about using Tabindex and javascript/jquery to make "tabbing" easier
I'm making a large and complex application and I need to set tabindexes to help user navigate through the pages. This is a private application so I don't have restriction about (ab)using javascript (jquery).
I currently have these questions.
1) How do you force with javascript (jquery) the browser to move the cursor inside a specific textbox as soon as a page has loaded? I noticed that often browsers don't automatically put the cursor inside the first tabindexed input. I want a surefire way that forces it there no matter what.
2) Some fields that activate ui enanchement (namely jquery ui datepicker) have problems with tabbing (like having to push tab two time to go away from it), is there any way to avoid this?
3) How do you read and set tabindex with jquery? I have some fields that get hidden/shown based on user action and they should be able to "give" their tabindex to other fields if they get hidden, is this a problem, does the browser still consider a tabindex after the page has loaded?
Thank you very muchh
html - 从标签顺序中显式排除 html 元素
无论如何要从 HTML 表单的选项卡顺序中排除一个元素。
所以如果我有以下
我知道我可以将 tabindex 用作 1、2、3、4,但我不想对所有字段进行编号。我的应用程序正在动态创建字段。
谢谢
杰森
jquery - .focus() 在关闭 DOMWindow() [JQuery] 后不起作用
我有一系列 DIV 元素,单击它们时会触发 DOMWindow 打开事件。那里没问题。
然后我不得不添加键盘辅助功能。啊!!
我为 DIV 添加了 tabindex 属性,它允许用户从一个 DIV 切换到下一个 DIV,并且我添加了一个按键处理程序来处理 Enter 键。那里没问题。
我遇到的问题是试图将焦点设置回用户按 Enter 键并打开 DOMWindow 时所在的 div(以便他们可以继续切换到系列中的下一个 DIV)。
我尝试在 DOMWindow 的“functionCallOnClose”设置中添加一个函数,但这似乎没有任何作用。
这是一个代码片段。这将点击和按键事件绑定到所有类名为“timeEntry”的 DIV:
有没有人知道为什么在点击或按键事件被触发和处理后我似乎无法将焦点返回到原始 DIV?
我意识到这是一个非常晦涩的问题,所以我把它扔在那里,希望其他阅读这篇文章的人正在使用 JQuery、DOMWindow 并处理点击和按键事件(或者至少知道如何处理)
:o)
编辑:在做了一些进一步的调试之后,jQuery 从 DIV 标签获取 tabIndex 属性似乎存在问题。当我查看我的页面的来源时,我可以看到属性:
但是,当我尝试使用 jQuery 获取属性时,它似乎不存在。
此代码返回“未定义”
但是,如果我使用 jQuery 设置属性,我可以转身检索它:
有谁知道为什么 jQuery 在 HTML 中设置它时不返回 tabindex 属性,但是在使用代码动态设置它之后它会返回?
希望这是有道理的...
asp.net - 序列中的标签索引
我的表单中有一组文本框和 html 编辑器。我无法设置正确的标签索引。选项卡索引从第一个文本框移动并跳过其间的所有控件并到达最后一个 html 编辑器,第三个选项卡将我带到地址栏,然后它在所有控件中随机移动。
我现在想删除所有控件的选项卡索引,然后以编程方式按顺序分配索引。
html - 什么是 HTML tabindex 属性?
tabindex
HTML中使用的属性是什么?
html - tabindex="0" HTML 元素在跳转顺序中的最终位置在哪里?
tabindex
当网页被标签时,值为 0的元素以什么顺序聚焦?
.net - TabStop/TabIndex 在 TableLayoutPanel 中的行为不规律
我有一个相当复杂TableLayoutPanel
的控件,上面有近 40 个控件。有些是只读的,有些不需要用户注意,除非在非常特殊的情况下(然后可以用鼠标访问)。所以我想设置TabStop=false
这些控件,并以自上而下的从左到右的顺序排列其余的。
但是对于内部的任何控件,TableLayoutPanel
我都无法更改TabStop
属性。也就是说,我可以,但它会False
在下一次重建时重置。因此,所有控件都可以通过 TAB 键访问,即使是我不想访问的控件。
这里发生了什么?
环境:Windows 7 企业版;VS2008;.NET 3.5 SP1;所有控件都直接放在 上TableLayouPanel
,没有中间容器。
添加了更多信息: Robert Kerr 报告说他无法复制。我忘了提到我在 TableLayoutPanel 上专门使用了 Telerik Winforms RadControls。按钮/复选框似乎也可以正常工作,而文本框、组合框和 spinedits 则不行。