【问题标题】:Advice about using Tabindex and javascript/jquery to make "tabbing" easier关于使用 Tabindex 和 javascript/jquery 使“tabbing”更容易的建议
【发布时间】:2010-09-29 15:23:22
【问题描述】:

我正在制作一个大型而复杂的应用程序,我需要设置 tabindexes 来帮助用户浏览页面。这是一个私人应用程序,所以我对 (ab) 使用 javascript (jquery) 没有限制。

我目前有这些问题。

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

2) 一些激活 ui ennchement 的字段(即 jquery ui datepicker)有 tabbing 的问题(比如必须按两次 tab 才能离开它),有什么办法可以避免这种情况?

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

非常感谢h

【问题讨论】:

    标签: javascript jquery tabindex


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

    【讨论】:

    • 我没有标记你的问题只是因为有人可能知道读写tabindexes的方法
    • 您可以使用 attr 方法更改 tabindex - $('.selector').attr('tabindex', 2)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2010-10-05
    • 1970-01-01
    • 2021-12-25
    • 2013-07-21
    • 2011-07-07
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多