forms - 如何禁止将焦点放在只读字段

Question

我们有一个带有很少字段标记为readOnly的表单。

问题是用户可以使用鼠标或键盘选项卡将焦点集中或导航到这些readOnly字段，我们希望不允许这样做。

一种不允许这样做的方法是将所有此类字段标记为“禁用”。但是，当标记为“禁用”时，虽然不能聚焦字段，但是这些禁用的字段也不会提交给服务器，这不是预期的。

因此，如何防止将焦点集中在readOnly字段上？

PS:不允许将焦点集中在readOnly字段上的原因是为了通过键盘提供更好的导航，因此，通过使用Tab键，用户只能在他可以编辑的那些字段之间导航或跳转，而所有readOnly字段都将被忽略。

Answer 1

您可以在基本Field类中添加一个侦听器，以侦听焦点事件，然后如果该字段为readOnly即可聚焦下一个组件。

listeners: {
    focus: function(field)
    {                       
        if (field.readOnly)
        {
            field.nextSibling().focus();
        }
    }
}