onload時に検索ボックスにフォーカスするJS
2006–09–22
とりあえずメモっとく企画。以下みたく、あらかじめページ読み込み時に選択させておくことで、入力の手間を省くことができる。Googleもそうなってるね。
Script
window.onload = afocus;function afocus() {var x = document.getElementById('sampleForm').find;x.focus();}
1行目を次のように書くと、関数に引数を渡すことができる。
window.onload=function (){afocus('sampleForm');}
onloadイベントを纏めて書きたいときや、引数を渡したい時なんかに便利。もっとも今回の場合は、（フォーカスさせるべき要素は少ないので）最初の例で十分だと思う。
document.getElementById('sampleForm').find.focus();
このように4～5行目を1行に纏めてしまうこともできるし。
memo: onloadイベントは読み込み終了後に実行されるので、ページが重い場合は、関数自体を<body>内に設置したほうが良い場合もある。
