これに関する投稿がいくつかあることは知っていますが、私の問題に一致するものはないようです。
ボタンのフォーカスを失った後、特定の入力にフォーカスを設定したいと考えています。
$('#more_button').focusout(function(){
$('#input-text').focus();
});
それは私が望むように動作しません。「input-text」に移動する代わりに、ブラウザのアドレス バーにフォーカスが移動します。
これに関する投稿がいくつかあることは知っていますが、私の問題に一致するものはないようです。
ボタンのフォーカスを失った後、特定の入力にフォーカスを設定したいと考えています。
$('#more_button').focusout(function(){
$('#input-text').focus();
});
それは私が望むように動作しません。「input-text」に移動する代わりに、ブラウザのアドレス バーにフォーカスが移動します。
問題は、フィドルの最後の html 要素からタブで移動していることです。これを試して:
<input type="text" id="input-text" /><br>
<input type="text" /><br>
<a href="#">foo</a><br>
<a href="#">bar</a><br>
<button id="more_button">more</button>
<a href="#" style="text-decoration:none;"> </a>
オリジナルのJavaScriptで
小さなタイムアウトでそれを行い、ぼかしも使用します。
$('#more_button').blur(function(){
setTimeout(function () { $('#input-text').focus(); }, 10);
});
あなたのフィドルを更新しました。