JavaScript入門講座

Home > フォーカスのイベントハンドラ

フォーカスのイベントハンドラ

フォーカスのイベントハンドラについてご紹介しています。

blurイベント

blurイベントはフォーカスがフォームやウィンドウから離れたときに発生します。

以下のサンプルはフォーカスがテキストボックスから離れたときに発生して入力値がブランクかどうかチェックします。


<script type="text/javascript">
    function check(obj){
	if (obj.value==""){
		window.alert("ブランクです。");
	}
    }
</script>

<form action="#">
入力値:<input type="text" value="" onblur="check(this)">
</form>
						

focusイベント

focusイベントはフォーカスがフォームやウィンドウに与えられたときに発生します。

以下のサンプルではテキストボックスを選択すると文字全体が選択されます。


<form action="#">
入力値:<input type="text" onfocus="this.select()" value="ABCDEFGHIJK">
</form>