[JS]ページが開いたら自動でフォーカスを合わせる

お問い合わせフォームの先頭のテキストエリアとかに、ページが開いた時フォーカスを合わせる方法について。
name、ID、配列の各サンプルを挙げてみる。

name値の場合

window.onload=function(){document.formID.inputName.focus()}

formIDがフォームタグのID値
inputNameがフォーカス合わせるフォームのname値。

bodyでイベントハンドラでもいい。

<body onLoad="document.formID.inputName.focus()">

IDの方が直感的かもしれない。

document.getElementById('inputID').focus();

inputIDはフォーカスを合わせるフォームのID。

配列はinput全部拾って先頭にフォーカスさせる。

var i =document.getElementsByTagName('input');
i[0].focus();

これらをmootoolsで書くと

nameの場合

$$('form').inputName.focus();

$(‘formID’)でID指定してもいい。

配列の場合

var i = $$('input');
i[0].focus();

IDの場合

$('inputID').focus();

「[JS]ページが開いたら自動でフォーカスを合わせる」への2件のフィードバック

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください