layui table中回车跳转到下一行的同一个单元格

直接上代码

        /*
        *tab 右边一个单元格
        *shift + tab 左边一个单元格
        *enter 下一行的单元格
        *shift + enter 上一行的单元格
        * ↑箭头 上一行的单元格
        * ↓箭头 下一行的单元格
        */
        $(document).on('keydown keyup', '.layui-input',
            function(event) {
                var td = $(this).parent('td'),
                    index = td.index(),
                    tr = td.parent('tr'),
                    isShift = $(document).data('shift'),
                    isKeydown = (event.type == "keydown");
                switch (event.key) {
                    case "Shift":
                        $(document).data('shift', isKeydown);
                        break;
                    case "Tab":
                        event.preventDefault();
                        isKeydown && td[isShift ? 'prev': 'next']().click();
                        break;
                    case "Enter":
                        isKeydown && tr[isShift ? 'prev': 'next']().children('td').eq(index).click();
                        break;
                    case "ArrowDown":
                        isKeydown && tr.next().children('td').eq(index).click();
                        break;
                    case "ArrowUp":
                        isKeydown && tr.prev().children('td').eq(index).click();
                        break;
                }
            })

说明:

1、等我有空再写上代码说明

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容