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 绑定？

参考 - stackoverflow.com/questions/12816420/keypress-in-angular-ui

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