Question

是Angularjs的新手，Am使用ng-click选项，但当我按下键盘上的Tab键时，ng-click不捕获.Tab键仅捕获Href，如何启用Tab键捕获ng-点击。

<th><a href="#/providerSearch" class="nameCross"><img src="img/cross.png" ng-click="goBack()"></a>{{firstName}} {{lastName}}</th>
                    <th>{{licNum}}</th>
                    <th>{{city}}</th>
                    <th>{{stCode}}</th>
                    <th>In Network</th>
                    <th>{{specialty}}</th>
                    <th>{{phone}}</th>
                    <th>{{tin}}</th>
                    <th class="smallWidth noteIcon" ng-click="fetchPrvdNts()" ><div ng-show="count>0" class="countBuble">{{count}}</div></th>
                    <th class="smallWidth moreDetails" ng-click="showMoreDtls()" ng-class="{open:!showDetailsBlock , close:showDetailsBlock}">More</th>

按Tab键将其聚焦于第一个href线，但在按Tab键之后，它没有捕获{{count}}的ng-click功能。任何人都可以帮助我

Answer 1

使用tabindex属性来控制Tab键按下时要关注的元素增益。但是，如果您的目标是允许使用导航到使用选项卡的可点击元素，然后能够使用Enter或类似的东西触发操作，您还需要使控制器监听键盘事件，以及单击。你可以这样做：

HTML：

<a href="#" tabindex="1">Link</a>
<span ng-keypress="test($event)" ng-click="test()" tabindex="2">Test</span>

控制器：

$scope.test = function(e) {
    if ((e && e.keyCode === 13) || typeof e === 'undefined') {
        alert('test');
    }
};

_{可以更简单吗？}

Tab键未捕获ng-click

1 个答案:

演示实验：http://plnkr.co/edit/ZUv2V1uy7ov6ix4JEQdp?p=preview