如何绑定向上和向下箭头键以启用在表行之间导航
How to bind up and down arrow key to enable navigating through table rows?
我用一个表显示搜索结果。每个结果都有一个按钮供用户单击以显示其完整细节。这工作得很好。
我还想让它可以通过使用键盘的上下箭头来导航搜索结果。
现在,用户必须点击Select
按钮或标签按钮,并按下space bar
。
我想我可以捕获键向上和向下事件,然后找到前一个或下一个我需要选择,然后设置它,但这听起来像很多工作。我想知道有没有更好的方法来做这件事?
javascript
var myModel = new function() {
var self = this;
self.selectedResult = ko.observable(new MyObj());
self.searchResults = ko.observableArray();
self.navUpDown = function (item, evt) {
if (evt.keyCode == 38) { // up
var id = item.ID();
// find previous one and set selectedResult
}
if (evt.keyCode == 40) { // down
var id = item.ID();
// find next one and set selectedResult
}
};
};