JS导航文本框控件

时间:2014-11-06 22:53:24

标签: javascript jquery

基本上我正在尝试浏览几乎与excel相同的文本框。这是我到目前为止能够找到的代码:

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
$(document).ready(function () {
    $('input').keyup(function (e) {
        var input = $(this),
            td = input.closest("td"),
            next;

        switch (e.which) {
            case 37: next = td.prev().find("input"); break;
            case 39: next = td.next().find("input"); break;
            case 38: next = input.closest("tr").prev().find("td:eq(" + td.index() + ")").find("input"); break;
            case 40: next = input.closest("tr").next().find("td:eq(" + td.index() + ")").find("input"); break;

        }

        if (next) {
            next.focus();
        }
    });
});

});//]]>  

</script>

我遇到的麻烦是,当我按下Enter键时,它会向下移动两个文本框,而不只是1。

案例40:next = input.closest(“tr”)。next()。find(“td:eq(”+ td.index()+“)”)。find(“input”);打破;

此外,它仅适用于键盘输入按钮的右侧。

代码/来源可以在这里找到: http://aaronespinosa.com/projects/myExcel.php

0 个答案:

没有答案