横浜、東京に拠点を置き、検証システム/金融・証券のシステム等の構築、開発を行い、
ホームページの作成ツール支援と多岐にわたるソリューションを提供します。
jQueryでは、フォーカスが外れた状態で処理を実行する。
.blur() イベント |
フォーカスが外れた状態で処理を実行する。 書式; $("セレクター名").blue(function(){ フォーカスが外れた時に実行する処理 }); |
---|
フォーカスが外れたことを感知する。
.blur() イベント
動作; 初期状態で灰色の文字でガイダンス(入力してください)を表示する。
入力完了後(フォーカスが外れる)、未入力の場合は赤文字のガイダンスに変更する
jQueryの書き方 |
/*------------------------------------ */ //51-04) .blur() イベント フォーカスが外れたことを感知 .blur() /*------------------------------------ */ $("input.inp_245") .val("入力してください") .css("color","#CCC") .one("focus",function(){ $(this).val("") .css("color","#000");}) .blur(function(){ if($(this).val()==""){ $(this).val("入力してください") .css("color","red") .one("focus",function(){ $(this).val("") .css("color","#000"); }); } }); |
---|---|
cssの書き方 |
----------------- |
HTMLの書き方 | お名前:<input class="inp_245" type="text" value="" /> |
お名前 :name | |
---|---|
フリガナ :name | |
電話番号telephone number | |
FAX番号fax number | |
携帯番号telephone number |