亲们 请教个问题 ---想要实现输入内容或回车后,焦点自动跳到下一个输入框,但是在跳到第一个select标签时,就跳不到第二个select了,请问是什么原因,该如何修改?
<div class="wrapper">
<div class="container">
<form action="#" id="form" class="form">
<div class="form_inner">
<!--<label for="demo_1">用户名:</label>-->
<input type="text" class="demo_input" id="demo_1" name="demo_1" placeholder="请输入..."/>
<!--<label for="demo_2">1111:</label>-->
<input type="text" class="demo_input" id="demo_2" name="demo_2" placeholder="请输入..."/>
<input type="text" class="demo_input" name="demo_3" placeholder="请输入..."/>
<textarea class="demo_textarea" name="demo_6" placeholder="请输入..."></textarea>
<textarea class="demo_textarea" name="demo_7" placeholder="请输入..."></textarea>
<select class="demo_select" name="demo_4" >
<option>选项一</option>
<option>选项二</option>
<option>选项三</option>
</select>
<select class="demo_select" name="demo_5" >
<option>选项一</option>
<option>选项二</option>
<option>选项三</option>
</select>
</div>
</form>
</div>
</div>
$(document).ready(function(){
//keycode 37 = Left, keycode 38 = Up, keycode 39 = Right, keycode 40 = Down
//默认焦点在第一个;当input输入内容大于10或者回车,焦点跳到下一个;按左键返回上一个;
$('input').eq(0).focus();
$("[name^='demo_']").each(function(){
$(this).keyup(function(e){
//debugger;
e = window.event || e;
var k = e.keyCode || e.which;
if(k == 13 || $(this).val().length >= 10 ){ //回车 or >10
$(this).next().focus();
}else if(k == 37){ //left
$(this).prev().focus();
$(this).prev().focus(function(){
var obj = e.srcElement ? e.srcElement : e.target;
});
}
})
});
});