onfocus - フォーカスした時に発火する

投稿日:

JavaScriptの、イベントハンドラのonfocusは、フォーカスした時に発火して処理を実行します。

説明

キーボードフォーカス
キーボードフォーカス

イベントハンドラのonfocusは、キーボードフォーカスをした時に発火するイベントです。タブキー移動によるフォーカス、フォームの各要素をクリックしてのフォーカスなど、方法は問われません。

サンプルコード

<input id="target">
// 要素を取得
var inputElement = document.getElementById( "target" ) ;

// 処理を定義
var action = function() {
	// 処理内容
}

// イベントを設定 ( addEventListener )
inputElement.addEventListener( "focus", action ) ;

// イベントを削除
inputElement.removeEventListener( "focus", action ) ;
// 要素を取得
var inputElement = document.getElementById( "target" ) ;

// イベントを設定 ( onfocus )
inputElement.onfocus = function() {
	// 処理内容
}

// イベントを削除
inputElement.onfocus = null ;

デモ

入力フォームにonfocusイベントを設定しました。フォーカスしてみて下さい。イベントが発生するごとに、発生回数がカウントアップされます。

関連項目

外部リンク