focus( fn )

jQuery API の focus( fn ) は、フォーカスイベントにイベントハンドラをバインドしたいときに便利なメソッドだ。

要素をフォーカスしたときに、focus( fn ) の引数に指定したイベントハンドラを呼び出すことができる。

記述方法

「セレクター」の要素のフォーカスイベントに、「イベンドハンドラ」をバインド。

input 要素での実装例（サンプル）

入力した文字：

input 要素での実装例（サンプル）の動作について

input 要素のテキスト入力欄にフォーカスすると、テキスト入力欄の背景色をベージュ色にハイライトし、テキスト入力欄の右側に「入力中」と表示する。input 要素にテキストを入力しフォーカスを外すと、入力したテキストを「入力した文字： 」の右側に表示する。

input 要素での実装例（サンプル）のソースコード

JavaScript

CSS

HTML

textarea 要素での実装例（サンプル）

入力した文字：

textarea 要素での実装例（サンプル）の動作について

textarea 要素のテキスト入力欄にフォーカスすると、テキスト入力欄の背景色をベージュ色にハイライトし、テキスト入力欄の右側に「入力中」と表示する。textarea 要素にテキストを入力しフォーカスを外すと、入力したテキストを「入力した文字： 」の右側に表示する。

textarea 要素での実装例（サンプル）のソースコード

JavaScript

CSS

HTML