登录  /  注册

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

php中文网
发布: 2016-06-21 09:47:48
原创
1064人浏览过

<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;            }        }
登录后复制

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
关于CSS思维导图的课件在哪? 课件
凡人来自于2024-04-16 10:10:18
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号