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

求人

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

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

現状のソースです。

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

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

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

DEMOです。

関西で140-170/80~120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
Python3.6,Djangoを勉強中です,Javaは少し飽きてしまってます–;
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくは、我に七難八苦を与えたまえ」です^^

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

コメントをどうぞ

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

CAPTCHA