z183052114
z183052114
2016-12-13 03:30
采纳率: 51%
浏览 4.6k

<c:forEach> 中的input输入框 如何在输入结束后按回车自动跳转到下一个input输入框

图片说明

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • z183052114
    z183052114 2016-12-13 07:32
    已采纳

    function focusNextInput(thisInput, Id) {

            var inputs = document.getElementsByTagName("input");
            IPS = [];
            for (var i = 0, j = inputs.length; i < j; i++) {
                if (inputs[i].type == 'text')
                    IPS[IPS.length] = inputs[i];
            }
            for (var z = 0; z < IPS.length; z++) {
                // 如果是最后一个,失去焦点
                if (z == (IPS.length - 1)) {
                    thisInput.blur();
                    break;
                } else if (thisInput == IPS[z]) {
                    IPS[z + 1].focus();
                    break;
                }
            }
    
        }
    
    点赞 评论
  • kun_tostudy
    kun_hello 2016-12-13 03:49

    怎么样才知道你是输入结束呢?

    点赞 评论
  • u010427387
    瞳孔里的阳光 2016-12-13 03:51

    解决思路:可以对回车键加入监听,如果监听到用户点击回车键,判断此时光标焦点是否在input上,如果不在则不进行操作,如果在则寻找下一个input,存在则将这个input获取焦点,不存在则不进行操作。

    点赞 评论
  • Mr_dsw
    Antway_ 2016-12-13 04:39

    监听enter时间
    JS监听某个输入框

    //回车事件绑定
    $('#search_input').bind('keyup', function(event) {
    if (event.keyCode == "13") {
    //回车执行查询
    $('#search_button').click();
    }
    });

    JS监听某个DIV区域
    $("#queryTable").bind("keydown",function(e){
    // 兼容FF和IE和Opera

    var theEvent = e || window.event;

    var code = theEvent.keyCode || theEvent.which || theEvent.charCode;

    if (code == 13) {

    //回车执行查询
    $("#queryButton").click();
    }

    });

    点赞 评论

相关推荐