js上下键控制

最新推荐文章于 2022-09-26 16:44:21 发布

原创最新推荐文章于 2022-09-26 16:44:21 发布 · 541 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用JavaScript实现上下键选择表格项的方法。通过监听键盘事件，可以高亮显示当前选中的表格行，并允许用户通过上下箭头键在表格中导航。此技术适用于网页应用中的快速导航和无障碍设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js上下键控制

if (btnsearch == document.activeElement) {

var theEvent = window.event || e;
//获取窗体的输入
var code = theEvent.keyCode || theEvent.which;
//如果输入了回车
if (code == 13) {
$(".bred").trigger("click");//触发点击事件
}
var as = document.getElementById('DialogAddFeeItem_FeeTableTemplateBody').getElementsByTagName('tr');

if (code == 38) {
if (cur == -1) {
cur = as.length - 1;
}
else {
as[cur].className = ''; cur -= 1;
}
if (cur < 0) {
cur = as.length - 1;
}
as[cur].className = 'bred'
}
if (code == 40) {
if (cur == -1) {
cur = 0
}
else {
as[cur].className = '';
cur++;
}
if (cur >= as.length)
cur = 0;
as[cur].className = 'bred'
}