開発メモ。
よくある検索BOX内に、キーワード入力を促すアラート文「ここにキーワードを入力してください〜」を入れておいて
Forcusした瞬間に、文字を消す。というやつを、jQueryのblur()効果を使ってやろうとした。
jQuery(function(){ jQuery('input#search-value').attr('value', 'キーワードを入力してください'); jQuery('input#search-value').focus(function(){ jQuery(this).attr('value', '').css({'color':'#333'}); }) .blur(function(){ jQuery(this).attr('value', 'キーワードを入力してください').css({'color':'#ccc'}); }); });
こんな感じで、フォーカスした瞬間に文字を消して、フォーカスを外れたら(blurでイベントを取得)再び文字を戻す。
これで、#search-valueを含むformをsubmitすると、入力した文字列がカラの状態でPOSTされていた。
submitする前に、blurイベントが発生し、入力値をクリアしてしまうのではないかと考える。