jQuery イベント - blur() メソッド

入力フィールドがフォーカスを失ったとき(blur)に色を変更します:

$("input").blur(function(){
  $("input").css("background-color","#D6D6FF");
});

自分で試してみてください

定義と使用法

要素がフォーカスを失ったときに blur イベントが発生します。

blur() 関数は blur イベントをトリガーします。または、設定された場合 function 引数、この関数は blur イベントが発生したときに実行されるコードも指定できます。

ヒント:以前は、blur イベントはフォーム要素上でのみ発生していました。新しいブラウザでは、どの要素でもこのイベントを使用できます。

blur イベントをトリガーする

選択された要素の blur イベントをトリガーします。

文法

$().blur()

自分で試してみてください

関数を blur イベントにバインドする

選択された要素の blur イベントが発生したときに実行される関数を指定します。

文法

$().blur(function)

自分で試してみてください

引数 説明
function オプション。blur イベントが発生したときに実行される関数を指定します。