html table中的单元格的跳动方向设置_html/css_WEB-ITnose

<table><tr><td ><input type="text" style="width:60px;background-color: #FFFF99"/></td><td><input type="text" style="width:60px;background-color: #FFFF99"/></td><td ><input type="text" style="width:60px;background-color: #FFFF99"/></td></tr><tr><td ><input type="text" style="width:60px;background-color: #FFFF99"/></td><td><input type="text" style="width:60px;background-color: #FFFF99"/></td><td ><input type="text" style="width:60px;background-color: #FFFF99"/></td></tr><tr><td ><input type="text" style="width:60px;background-color: #FFFF99"/></td><td><input type="text" style="width:60px;background-color: #FFFF99"/></td><td><input type="text" style="width:60px;background-color: #FFFF99"/></td></tr></table>

按TAB键在input里的方向向右跳到下个input里。。。我想弄成向下移动。。。请问如何实现呢！！谢谢了！！

回复讨论(解决方案)

用tableindex属性值试试

用tableindex属性值试试
对。按照想跳转的顺序，在INPUT标签里加上tableindex属性，值从小到大。

引用 1 楼 zsx841021 的回复:
用tableindex属性值试试

对。按照想跳转的顺序，在INPUT标签里加上tableindex属性，值从小到大。
可以是可以。。。不过很多的时候一个个地添加。。。会累死人的！！
有没有偷懒的方法

document.onkeydown = function (e) {            var srcElement = samsung.dsem.utility.getSrcElement(e);            var currKey = samsung.dsem.utility.getKeyCode(e);            var keyName = "";            switch (currKey) {                case 8:                    keyName = "[退格]";                    if (srcElement != null) {                        if (srcElement.tagName != undefined && (srcElement.tagName == "input" || srcElement.type == "text" || srcElement.type == "textarea")) {                            if (srcElement.readOnly != true || srcElement.disabled != "disabled") {                                return true;                            }                        }                    }                    return false;                    break;                case 9:                    keyName = "[制表(Tab)]";                    var cur_tr = srcElement.parentNode.parentNode;                    var cur_td_index = srcElement.parentNode.cellIndex;                    if (cur_td_index!=null&&cur_td_index == (cur_tr.cells.length - 1)) {                        var next_tr;                        if (cur_tr.tagName != undefined && cur_tr.tagName.toLowerCase() == "tr") {                            next_tr = samsung.dsem.utility.getNextSibling(cur_tr);                            if (next_tr != null) {                                //try { next_tr.cells[cur_td_index].childNodes[0].focus(); /*next_tr.click();*/ } catch (e) { }                                try { next_tr.cells[1].childNodes[0].focus(); /*next_tr.click();*/ } catch (e) { }                            }                            return false;                        }                    }                    break;                case 13:                    keyName = "[回车]";//                    if (srcElement != null) {//                        if (srcElement.tagName != undefined && (srcElement.tagName == "input" || srcElement.type == "text" || srcElement.type == "textarea")) {//                            if (srcElement.readOnly != true || srcElement.disabled != "disabled") {//                                return true;//                            }//                        }//                    }//                    return false;//                    break;                    var cur_tr = srcElement.parentNode.parentNode;                    var cur_td_index = srcElement.parentNode.cellIndex;                    var next_tr;                    if (cur_tr.tagName != undefined && cur_tr.tagName.toLowerCase() == "tr") {                        next_tr = samsung.dsem.utility.getNextSibling(cur_tr);                        if (next_tr != null) {                            try { next_tr.cells[cur_td_index].childNodes[0].focus(); /*next_tr.click();*/ } catch (e) { }                        }                        return false;                    }                    break;                case 32:                    keyName = "[空格]";                    break;                case 33:                    keyName = "[PageUp]";                    break;                case 34:                    keyName = "[PageDown]";                    break;                case 35:                    keyName = "[End]";                    break;                case 36:                    keyName = "[Home]";                    break;                case 37:                    keyName = "[方向键左]";                    var cur_tr = srcElement.parentNode.parentNode;                    var cur_td = srcElement.parentNode;                    if (cur_td.tagName != undefined && cur_td.tagName.toLowerCase() == "td") {                        for (var i = 0; i < cur_tr.cells.length; i++) {                            if (i > 1) {                                if (cur_td == cur_tr.cells[i]) {                                    if (cur_tr.cells[i - 1].childNodes[0].disabled != "disabled") {                                        cur_tr.cells[i - 1].childNodes[0].focus();                                        if (cur_tr.cells[i - 1].childNodes[0].tagName.toLowerCase() != "select") {                                            cur_tr.cells[i - 1].childNodes[0].select();                                        }                                        //cur_tr.click();                                        break;                                    }                                }                            }                        }                    }                    break;                case 38:                    keyName = "[方向键上]";                    var cur_tr = srcElement.parentNode.parentNode;                    var cur_td_index = srcElement.parentNode.cellIndex;                    var prev_tr;                    if (cur_tr.tagName != undefined && cur_tr.tagName.toLowerCase() == "tr") {                        prev_tr = samsung.dsem.utility.getPreviousSibling(cur_tr);                        if (prev_tr != null) {                            try { prev_tr.cells[cur_td_index].childNodes[0].focus(); /*prev_tr.click();*/ } catch (e) { }                        }                        return false;                    }                    break;                case 39:                    keyName = "[方向键右]";                    var cur_tr = srcElement.parentNode.parentNode;                    var cur_td = srcElement.parentNode;                    if (cur_td.tagName != undefined && cur_td.tagName.toLowerCase() == "td") {                        for (var i = 0; i < cur_tr.cells.length; i++) {                            if (i < (cur_tr.cells.length - 1)) {                                if (cur_td == cur_tr.cells[i]) {                                    if (cur_tr.cells[i + 1].childNodes[0].disabled == "disabled" || cur_tr.cells[i + 1].childNodes[0].disabled == true) {                                    }                                    else {                                        cur_tr.cells[i + 1].childNodes[0].focus();                                        if (cur_tr.cells[i + 1].childNodes[0].tagName.toLowerCase() != "select") {                                            cur_tr.cells[i + 1].childNodes[0].select();                                        }                                        //cur_tr.click();                                        break;                                    }                                }                            }                        }                    }                    break;                case 40:                    keyName = "[方向键下]";                    var cur_tr = srcElement.parentNode.parentNode;                    var cur_td_index = srcElement.parentNode.cellIndex;                    var next_tr;                    if (cur_tr.tagName != undefined && cur_tr.tagName.toLowerCase() == "tr") {                        next_tr = samsung.dsem.utility.getNextSibling(cur_tr);                        if (next_tr != null) {                            try { next_tr.cells[cur_td_index].childNodes[0].focus(); /*next_tr.click();*/ } catch (e) { }                        }                        return false;                    }                    break;                case 46:                    keyName = "[删除]";                    break;                default:                    keyName = "";                    break;            }        }