按Enter键可使表行键盘可用于导航

时间:2017-10-21 21:07:44

标签: javascript html wai-aria wai

我有一个表格,我向用户呈现数据,他们可以点击表格行,根据他们点击的内容将它们带到详细页面。

目前我能够专注于该行,但我想知道是否有一种方法可以使行可访问,以便用户在按Enter键时导航到详细页面,就像点击一样?

(click)仅适用于鼠标点击 - 是否有类似(enter)的内容可以做同样的事情?

以下是我的表格外观:

 <table *ngIf="rosterList" class="table table-bordered">
            <thead>
                <tr>
                    ....
                </tr>
            </thead>
            <tbody>
                <tr tabindex="0" *ngFor="let user of roster" (click)="onuserSelected(user)">
                    <td>
                        {{user.id}}
                    </td>
                    <td>
                       <a (click)="userClicked(user)">{{user.Name}}</a>
                    </td>
                    <td>
                        {{user.classTitle}}
                    </td>
                </tr>
            </tbody>
        </table>

0 个答案:

没有答案