jquery - jquery 模式对话框中的 Tabindex

标签 jquery jquery-ui-dialog tabindex

我正在尝试在使用 jquery 对话框显示的表单中的所有输入元素上设置选项卡索引。当前的行为是,当用户开始按 Tab 键(第一个元素设置为焦点,因此它是行中的第一个元素)时,他们可以按 Tab 键浏览所有控件。问题是他们可以继续使用 Tab 键切换到对话框后面的元素。

有没有办法可以防止这种情况发生,并且只能通过打开的对话框中的表单元素进行切换?

最佳答案

我给你逻辑。您可以相应地编写代码。

在表单的最后一个元素上添加一个事件处理程序来处理按键事件。

在处理函数内,如果键不是 TAB,则必须返回 true,否则返回 false。

这意味着只有非 TAB 键才能在该字段上工作。

您可以通过 google 搜索选项卡的 ascii 代码。你用谷歌代码来处理关键事件。

谢谢

关于jquery - jquery 模式对话框中的 Tabindex,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7491650/

相关文章:

javascript - 使悬停和其他 CSS 细节上的图片变暗

javascript - Jquery提交按钮时需要验证单选按钮并获取单选按钮的id

javascript - 仅滚动一次将类别添加到值上

jquery-ui-dialog - UI 对话框窗口 - 如何在加载内容之前不显示对话框?

jquery-ui - jQueryUI 对话框位置和大小

jquery - 从使用全宽背景图像的现有标记创建 Bootstrap 轮播

asp.net-mvc - 从下拉列表中选择的值不会从 jquery 对话框中发布

reactjs - 在 MUI 自动完成中使用 tabIndex 时出错

html - 单选按钮中的 Tab 键顺序不起作用

jquery - 带有 tabindex ="-1"的模态将焦点放在选项卡上