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

最新推荐文章于 2024-03-22 17:16:47 发布

weixin_44409702

最新推荐文章于 2024-03-22 17:16:47 发布

阅读量1.1k

点赞数

分类专栏：前端 html web前端混合开发文章标签： jq table 给tr td添加键盘上下左右控制表格添加键盘事件键盘事件 js添加上下左右

本文链接：https://blog.csdn.net/weixin_44409702/article/details/95482661

版权

前端同时被 3 个专栏收录

7 篇文章 0 订阅

订阅专栏

html

7 篇文章 0 订阅

订阅专栏

web前端

7 篇文章 0 订阅

订阅专栏

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; } }) 记录一下