javascript - 关于使用 Tabindex 和 javascript/jquery 使 "tabbing"更容易的建议

标签 javascript jquery tabindex

我正在制作一个大型且复杂的应用程序,我需要设置选项卡索引来帮助用户浏览页面。这是一个私有(private)应用程序,因此我对使用 javascript (jquery) 没有任何限制。

我目前有这些问题。

1) 如何使用 javascript (jquery) 强制浏览器在页面加载后立即将光标移动到特定文本框中?我注意到浏览器通常不会自动将光标放在第一个制表符索引输入中。我想要一种万无一失的方法,无论如何都会迫使它到达那里。

2) 一些激活 ui enancement 的字段(即 jquery ui datepicker)存在 Tab 键切换问题(例如必须按 Tab 键两次才能离开它),有什么方法可以避免这种情况吗?

3)如何用jquery读取和设置tabindex?我有一些字段根据用户操作隐藏/显示,如果它们被隐藏,它们应该能够将其 tabindex“给予”其他字段,这是一个问题,浏览器在页面加载后是否仍然考虑 tabindex?

非常感谢

最佳答案

  1. 要将焦点放在特定文本框上,请执行以下操作(假设文本框 ID 为 #firstBox): $('#firstBox').focus(); 请在此处查看更多示例:How do you automatically set the focus...
  2. 并不是特别重要,因为 DatePicker 也是它自己的 UI,因此它内部有各种可以关注的对象(这就是 Tab 键选择的对象)。
  3. 实际上,现在我已经考虑过了,如果您隐藏一个字段(又名“隐藏”),它将没有 tabindex,并且其他选项卡将符合浏览器的定义(通常是顶部)到底部,从左到右的顺序)。您不必担心手动设置 tabindex。

关于javascript - 关于使用 Tabindex 和 javascript/jquery 使 "tabbing"更容易的建议,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3823059/

相关文章:

javascript - 如何将 HTML5 页面加载到我的 HTML5 页面中?

javascript - jQuery动画改变窗口大小

javascript - 在 javascript 中处理 PHP 脚本

javascript - 如何将具有 2 个嵌套对象的数组展平并使其成为一个

javascript - 触发变量 true 或 false

javascript - Vue.js:vue-resource 使用路径参数调用 resource.save()

javascript - 如何找到大图像各部分的坐标来创建图像映射?

html - 仅使用 CSS 过滤元素

javascript - 您能否将 tabindex 放在 HTML 中的 <a> 元素上,并且当使用 Tab 键切换到该元素时,可以单击它而不是必须输入它?

asp.net-mvc - EditorFor 忽略 tabindex。你如何设置tabindex?