Question

我在我的应用程序中使用Angular JS。我在某些可点击元素上使用tabindex来支持应用程序的键盘用户。

我对tabindex的理解是假设一个元素A获得tabindex = 1，元素B得到tabindex = 3，元素C得到tabindex = 2，那么tabbing的顺序将是A - ＆gt; C - ＆gt;乙

我提供了以下代码段：

<div class="aaa">
    <a class="bbb" data-ng-click="cancel()" tabindex="7">{{"cancel" | translate}}
    </a>
    <a class="ccc" data-ng-disabled="abcForm.$pristine || abcForm.$invalid" data-ng-click="abcForm.$pristine || abcForm.$invalid || function()" tabindex="6">{{"save" | translate}}
    </a>
</div>
<br/>
<br/>
<form name="abcForm">
    <div tabindex ="1">a form</div>
    <input tabindex="2" type="text" data-ng-model="xyz1" data-ng-required="true" data-ng-pattern="//" data-ng-trim="true" ng-maxlength="10">
    <input tabindex="3" type="text" data-ng-model="xyz2" data-ng-required="true" data-ng-pattern="//" data-ng-trim="true" ng-maxlength="10">
    <input tabindex="4" type="text" data-ng-model="xyz3" data-ng-required="true" data-ng-pattern="//" data-ng-trim="true" ng-maxlength="10">
    <input tabindex="5" type="text" data-ng-model="xyz4" data-ng-required="true" data-ng-pattern="//" data-ng-trim="true" ng-maxlength="10">
</form>

从tabindex 1到5，选项卡将被完美排序，我的期望是在取消按钮tabindex = 7之前会出现tabindex = 6的保存按钮但问题是保存按钮被完全忽略

有没有人遇到过类似的问题？

tabindex跳过可点击元素，即使它包含在tabindex顺序中

0 个答案: