为了账号安全,请及时绑定邮箱和手机立即绑定

如何使表单元素在回车键下依次获得焦点,求大神指条明路

如何使表单元素在回车键下依次获得焦点,求大神指条明路

猛跑小猪 2018-09-04 08:19:00
<body><input id="mobile"><br/><input><br/><input><br/><input><br/><input><br/><input><br/><input><br/></body>//设置键盘按键表单字段获得焦点     $("#mobile").focus();//文档加载后第一个字段自动获得焦点     $(window).keydown(function(e){        var cur_focus=$(":focus");//获取当前获得焦点的表单元素                  if(e.keyCode==13){//当点击回车键                      if(cur_focus.length==0){//如果没有表单元素获得焦点                              $("#mobile").focus();//使第一个表单元素获得焦点                              }else{//如果有表单元素获得焦点                      var cur_focus_index=$(":text").filter(":focus").index();//找到当前获得焦点的表单元素在所有text表单元素的index                      $(":text").eq(++cur_focus_index).focus();//使下一个表单元素获得焦点             }         }              }) 问题是希望按下回车键表单text会依次获得焦点,但情况并没有想象的那样区实现,求大神指点在线调试:http://runjs.cn/code/bb0ekcc9
查看完整描述

1 回答

?
元芳怎么了

TA贡献1798条经验 获得超7个赞

$(function(){

    var $all= $('input[type="text"]');

    var $curr = $all.first().focus();

    var i = 0;

    $(window).on('keyup',function(e){

        if(e.keyCode === 13){

            $all.eq(++i).focus();

            if(i>=$all.length)i=0;

        }

    });

});


查看完整回答
反对 回复 2018-10-29
  • 1 回答
  • 0 关注
  • 564 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信