javascript - 使用按键进行事件控制 'Tab'

Question

因此，我有几个输入表单，这些表单在按顺序填写之前一直处于禁用状态，因为根据其选择对服务器进行数据调用。我有一个自定义下拉菜单，可以让我提前输入并单击我想要的项目。当我单击该项目时，该字段将通过我的数据模型发生的 onblur 和 onchange 事件的组合来解锁。对我来说，问题是我希望用户能够进行选项卡操作。但是当我点击选项卡时，onblur 和 onchange 没有禁用该字段，因此它跳过了几个不应该的字段。对于防止选项卡按键跳过禁用元素有什么建议吗？我可以使用 Tab 键并聚焦于禁用的元素吗？

Answer 1

这是不可能的，正如文档所说:

A form control is disabled if its disabled attribute is set, or if it is a descendant of a fieldset element whose disabled attribute is set and is not a descendant of that fieldset element's first legend element child, if any.

A form control that is disabled must prevent any click events that are queued on the user interaction task source from being dispatched on the element.

所以你不能点击那些元素，并且你不能聚焦那些不能被点击的元素。

https://www.w3.org/TR/html5/forms.html#concept-fe-disabled

因此，如果您需要允许聚焦这些元素，唯一的选择就是根本不使用 disabled 属性。您可以改用 .disabled 类并绑定(bind)按键事件以禁止编辑值。