对table中的td添加上下左右键盘控制,控制光标选中

html代码

1 2 dsfdf
封装的jq代码 /** * 方向键移动 */ $('#id').keyup(function (e) { var $input, idx = $(e.target).parent().index() switch (e.keyCode) { case 37: $input = $(e.target).parent().prev().children() $input.length > 0 && $input.focus() break; case 39: $input = $(e.target).parent().next().children() $input.length > 0 && $input.focus() break; case 38: $input = $($(e.target).parents('tr').prev().children()[idx]).children() $input.length > 0 && $input.focus() break; case 40: $input = $($(e.target).parents('tr').next().children()[idx]).children() $input.length > 0 && $input.focus() break; } }) 记录一下

你可能感兴趣的:(前端,html,web前端,混合开发,jq,table,给tr,td添加键盘上下左右控制,表格添加键盘事件,键盘事件,js添加上下左右)