Question

基本上我正在尝试浏览几乎与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

JS导航文本框控件

0 个答案: