layui table 表格上下左右事件

复制代码
//按键监听事件
        $(document).on('keydown', '.layui-input',
        function(event) {
            var td = $(this).parent('td');
            var index = td.index();
            var tr = td.parent('tr');
            var key = event.keyCode;
            switch (key) {
                case 38://上键ArrowUp
                    tr['prev']().children('td').eq(index).click();
                    setTimeout(function(){
                        $('.layui-table-edit').select(),0
                    });
                    break;
                case 40://下键ArrowDown
                    tr['next']().children('td').eq(index).click();
                    setTimeout(function(){
                        $('.layui-table-edit').select(),0
                    });
                    break;
                case 9://TAB
                    tr['next']().children('td').eq(index).click();
                    setTimeout(function(){
                        $('.layui-table-edit').select(),0
                    });
                    break;
                case 13://回车
                    tr['next']().children('td').eq(index).click();
                    setTimeout(function(){
                        $('.layui-table-edit').select(),0
                    });
                    break;
                case 37://左键ArrowLeft
                    td['prevAll']('[data-edit="text"]:first').click();
                    break;
                case 39://右键ArrowRight
                    td['nextAll']('[data-edit="text"]:first').click();
                    break;
            }
        });
复制代码

 

posted @   iamwhy  阅读(136)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
点击右上角即可分享
微信分享提示