Question

如何使用jQuery提供的onblur功能将焦点移动到下一个文本框？

请不要建议我不使用tabindex。

<ul class='tabs'>
                        <li><a id="ATab1" href='#tab1'>Tab 1</a></li>
                        <li><a id="ATab2" href='#tab2' >Tab 2</a></li>
                        <li><a id="ATab3" href='#tab3' >Tab 3</a></li>

                </ul>
                <div id='tab1'>
                        <h3>Section 1</h3>
                        Fisrt: <input type="textbox" />
                        <br />
                        Second: <input type="textbox" />
                        <br />
                        Third: <input type="textbox" />
                        <br />
                        Fourth: <input type="textbox" on blur() />
                </div>
                <div id='tab2'>
                        <h3>Section 2</h3>
                        Fifth: <input type="textbox" />
                        <br />
                        Sixth: <input type="textbox" />
                </div>
                <div id='tab3'>
                        <h3>Section 3</h3>
                        Seventh: <input type="textbox" />
                        <br />
                        Eighth: <input type="textbox" on blur() />
                </div>
                <div id='tab4'>
                <h3>Section 4</h3>
                        ninth: <input type="textbox" />
                        <br />
                        tength: <input type="textbox" on blur()  />

这是演示：this is the demo

Answer 1

没有输入类型文本框。使用输入type="text"

$('input[type="text"]').on('blur',function(){
   $(this).next('input[type="text"]').focus();
});

Answer 2

你写错了，在继续前进之前你可能想要read this和this

<input type="text" onblur="myFunction()">

Answer 3

以下是您的代码

Fiddle

希望它可以帮助你：）

使用input type =“text”而不是textbox

$(document).ready(function(){
    $('input[type="text"]').focusout(function(){
        $(this).nextAll('input[type="text"]').first().focus()
});
});

Answer 4

LIVE DEMO

var inputs = $('input:text');

inputs.blur(function(){
   inputs.eq( inputs.index(this)+1 ).focus();
});

请注意输入HTML：<input type="text" />

如何使用onblur函数进入下一个文本框

4 个答案: