javascript - 使用键盘导航页面

Question

我有一个使用 AngularJS 构建的页面，它显示相册中图片的缩略图列表。如何使用键盘浏览缩略图？焦点应从第一个缩略图开始，当我单击键盘上的右/左箭头时，焦点应相应移动。按 ENTER 键应触发 ng-click 事件。这可能吗？代码-

<div id="album">
        <ul id="photosList">
            <li ng-repeat="photo in photos">
                <img ng-src="{{photo.url}}" ng-click="details(photo.id)"/>
            </li>
        </ul>        
    </div>

Answer 1

使用 ui-keypress 绑定(bind)？

引用 - stackoverflow.com/questions/12816420/keypress-in-angular-ui

<img ng-src="{{photo.url}}" ui-keypress="{enter: details(photo.id)}"/>