フォームを埋め込んだページがロードされたときには、フォームの最初の入力項目を自動でフォーカスするようにしておきたい。そうしておくことで、ユーザは入力欄をマウスで選択したりせずに、すぐにキーボードからタイピングを始められる。こういう小さな気配りが、サイトの利便性を向上させるためには重要だよね。
で、これをどうやるかだけど、jQueryのセレクタを以下のように使えば簡単。
|
1 |
$('input:visible').eq(0).focus(); |
ソースは以下参考サイト。
参考サイト
jQueryでページ内に最初に現れるinputタグにフォーカスを当てたい場合(ただし、hiddenタグは除く) – Qiita
http://qiita.com/knt45/items/0ef8c9eb99192a1cb9cd