• 批量录入表格中回车事件处理


    界面布局:

     脚本函数:

    function transEnter(sender) {

                if (event.keyCode == 13) {
                    var senderId = sender.getAttribute('id');
                    var ptr = $("#" + senderId);//当前行
                    var ptb = $("#" + senderId);//当前单元格
                    while (ptr.get(0).tagName != "TR") {
                        ptr = ptr.parent();
                    }
                    while (ptb.get(0).tagName != "TBODY") {
                        ptb = ptb.parent();
                    }
                    //计算当前触发控件所在单元格索引
                    var tdindex = 0;
                    for (var i = 0; i < ptr.children('td').length; i++) {
                        var unknowobj = ptr.children('td').eq(i);
                        if(unknowobj.children(":text").length ==1)
                        {
                            var id = unknowobj.children(":text").attr('id');
                            if (id == sender.id) {
                                tdindex = i;
                                break;
                            }    
                        }
                        
                    }
                    console.log("tdindex",tdindex); //找到正确的tdindex            
                    console.log("ptr.children('td').length",ptr.children('td').length);

                    //获取当前单元格
                    var unknowobj = ptr.children('td').eq(tdindex + 1);
                
                    while(unknowobj.children(":text").length == 0)//判断当前单元格是否包含输入控件
                    {
                        tdindex = tdindex + 1;
                        unknowobj = ptr.children('td').eq(tdindex + 1);//找下一个单元格
                        console.log(unknowobj.children(":text").length);
                        if(ptr.children('td').length == tdindex)//如果当前行的最后一个单元格已经检索完成
                        {
                            //更换行对象
                            if(ptr.index() + 1 < ptb.children('TR').length -1)//当前行不是最后一行
                            {
                                ptr = ptb.children('TR').eq(ptr.index() + 1);//切换下一行
                                tdindex = 0;//td从0开始
                                unknowobj = ptr.children('td').eq(tdindex);    //更换单元格
                            }
                            else{//全部行处理完成
                                break;
                            }                        
                        }
                    }
                    if(unknowobj.children(":text").length ==1){
                        var id = unknowobj.children(":text").attr('id');
                        console.log("obj.id", id);
                        unknowobj.children(":text").focus();
                    }
                    return false;            
                }           
                return true;
            }

    //激发代码

    "onkeydown", "return transEnter(this);"

  • 相关阅读:
    GlobalWebsoket.js 的使用,实现获取实时数据
    剑指Offer面试题解总结41~50
    如何阅读计算机学术文献?
    HarmonyOS线上Codelabs系列挑战赛第二期:调用三方库,制作酷炫的视觉效果
    Python学习 - 类与对象
    Linux /etc/passwd和/etc/shadow
    Chewy 2023年9月 面经和题目以及总结
    【React实战】create-react-app整合electron打造第一个桌面app
    Scss-混入和继承且如何正确使用
    浅浅的 C++ 11
  • 原文地址:https://blog.csdn.net/sharpnessdotnet/article/details/127439858