blur()

jQuery API の blur() は、ブラーイベントを実行するメソッド。ブラーイベント時の、ブラウザのデフォルト動作と、blur( fn )などでバインドしたイベントハンドラを実行する。ブラーイベントとは、要素からフォーカスを外すイベントのこと。

「A要素のイベント時に、B要素のブラーイベントを実行させたい」なんて時に便利だ。

記述方法

「セレクター」の要素のブラーイベントを実行する。

実装例（サンプル）

focus() blur()

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

「focus()」ボタンをクリックすると、テキスト入力欄をフォーカスし、入力欄の背景色をベージュ色にする。

「blur()」ボタンをクリックすると、テキスト入力欄からフォーカスを外し、入力欄の背景色を白色に戻す。

実装例（サンプル）のソースコード

JavaScript

CSS

HTML