insomnia Web Workshop

入力フォーム自動フォーカス

Tweet

2001年に作成したコンテンツを修正、移転したものです。

概要

入力フォームが含まれたページが読み込まれたときに、一番最初に入力されると思われる項目に入力カーソルを合わせるスクリプトです。

ライセンス

CC0
To the extent possible under law, ugumi has waived all copyright and related or neighboring rights to this work.
このスクリプトはCC0 1.0 Universal ライセンスの下でリリースされています(パブリックドメイン)。

HTMLファイルの設定

HTMLファイルのhead要素内もしくは外部jsファイルに以下の関数を記述します。


function formFocus(fCol,eCol){
	if(eCol == null){eCol=fCol;fCol=1;}
	eCol -=  1;
	fCol -= 1;
	document.forms[fCol].elements[eCol].focus();
}

body要素の開始タグにonload="formFocus(引数1,引数2)"を追加します。引数1にはフォーカスを合わせたいinput要素もしくはtextarea要素が含まれるform要素がhtml文書中何番目のform要素かを数値で指定します。1つ目のform要素の場合省略可能です。引数2には引数1で指定したform要素中何番目の要素にフォーカスするかを、数値で指定します。

トップページに戻る