eq (0). iOS8でposition:fixedなheaderに付けたinputにフォーカスを当てると一番上までスクロールしてしまう Safari in ios8 is scrolling screen when fixed elements get focus iPhone では Safari でタブバーが表示されていると fixed な要素の計算上の位置がずれる コード style.css focus (); ポイントは以下2つ。 :visibleであれば、input[type=hidden]もdisplay:noneも除外するので、ページ内に最初に見え現れるinputタグにフォーカスを当てることができる jQuery('input.your-input-class').bind('focusin focus', function(e){ e.preventDefault(); }) どうして? ブラウザはフォーカスされたフォーム要素を 'focusin'イベントが発生したときにデフォルトで表示するようにスクロールすることができます(Firefoxにはバグがあり、代わりにフォーカスを当てる)。 コントロールは、フォーカスを持つ視覚的な合図を表示せずに、入力フォーカスを持つことができます。 The control can have the input focus while not displaying any visual cues of having the focus. 私はそれを使用してコンボボックスを作成するときにjquery UIオートコンプリートで奇妙な動作を経験しています 。 スクロールバーをクリックして結果のリストをスクロールし、次にコンボボックスのボタンをクリックして結果を閉じると、結果リストが閉じてから再び開きます。 jQueryを使う時に.on()を使うことが当たり前になっています。.clickや.hoverなどの単体機能よりカスタマイズしやすい事がその理由です。で、.on()にはイベントが沢山ありますので、その input要素を使って1行のテキスト入力欄を作っており、id属性に値「sakura」を指定してあります。 このid属性値を使って対象を特定します。 以下のようにJavaScriptソースを記述すると、上記の入力欄にフォーカスが移動します。 document.getElementById('sakura').focus(); Spring bootとテンプレートエンジンのthymeleafを使用した入力フォームのサンプルコードです。 Thymeleaf 3.0を利用した記事「Thymeleaf 3.0を使用した入力フォームのサンプル 」を投稿しました。 … focus (); input タグが付いているものを検索した後、eq(0) で最初の要素を取得し、その要素に対してフォーカスを当てています。 また、非表示のものを除外するために visible を指定 … The Focus method returns true if the control successfully received input focus.