jQueryでblurイベント発生時にプレースホルダーを表示する

jQueryでイベント発生時に1回だけイベントを実行する」のDEMOでプレースホルダーが表示されていますが、フォーカスを一回あてると消えてしまい、フォーカスを外してもプレースホルダーが表示されません。

このフォーカスをはずしたタイミングでイベントが発生するのがblurです。blurでプレースホルダーを表示するようにしてみます。

現状のソースです。

まず、一回だけプレースホルダーを表示を削除するのをやめ、focus時に削除するようにfocusを使用します。

次にblur時にプレースホルダーをvalで表示し、cssで色をlightgrayに戻しています。

以下、編集したソースです。

DEMOです。

スポンサーリンク
  • このエントリーをはてなブックマークに追加
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA