ITPub博客

首页 > > > 表单焦点自动切换

表单焦点自动切换

作者:netroop 时间:2019-09-06 17:21:35 0 删除 编辑
<input type="text" class="txt" maxlength="5" placeholder="1"/>
<br/>
<input type="text" class="txt" maxlength="5" placeholder="2"/>
<br/>
<input type="text" class="txt" maxlength="5" placeholder="3"/>

<script>

  var txt = document.getElementsByClassName("txt");
  for(var i=0;i<txt.length;i++){
    txt[i].onkeyup = function(){
    if(this.value.length == 5){
    this.blur();
    txt[i+1].focus();
    };
  };
}

</script>

需求是这样的:在输入框输入内容之后,自动将焦点定位到下一个input上

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4741/viewspace-3138664/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-25

  • 博文量
    152
  • 访问量
    1070