jQueryでフォームのinputにfocusを実装するコード

更新日：2011年8月15日｜公開日：2011年8月15日

jQueryなしではWEB制作をするのが窮屈になってきた今日この頃です。
IE7.6など:focus擬似クラスが使えないブラウザ用にjQueryでフォームのinputにfocusを実装するコードを書いたので覚書として書いておきます。

JSで下記2行のコードを書いて

$("input").focus( function () { $(this).addClass("focus"); } );
$("input").blur( function () { $(this).removeClass("focus"); } );

CSSで.focusを装飾します。

.focus {
background:#EEE;
}

UI/UXやAIO対策といったWEBマーケティングが専門。
大阪のWEB制作会社のAI/WEBディレクター。
趣味はバンドでギター、ベース、ドラムなど。
キャンプや登山も好きでよく行ってます。

Menu