HOME > > > > >

:focus

状態がfocusの要素を取得。なんかいまいちピンとこない。

サンプル

無理やり使ってみる。

実行結果



Javascript

  1. $('.jqTest').click(function(e){
  2.     $(':focus', $(e.target).offsetParent()).css({
  3.         background: '#CCCCCC'
  4.     });
  5. });

HTML

  1. <form class="jqTest">
  2.     <input type="text" name="data[name]" value="名前は入力できません" /><br />
  3.     <input type="text" name="data[address]" value="住所は入力できますよ" /><br />
  4.     <input type="text" name="data[tel]" value="電話暗号は入力できません" />
  5. </form>

サンプル

forcusイベントはバブリングしないから親要素では検知できない。

実行結果



Javascript

  1. $('.jqTest2').focus(function(e){
  2.     $(e.target).css({
  3.         background: '#CCCCCC'
  4.     });
  5. });

HTML

  1. <form class="jqTest2">
  2.     <input type="text" name="data[name]" value="名前は入力できません" /><br />
  3.     <input type="text" name="data[address]" value="住所は入力できますよ" /><br />
  4.     <input type="text" name="data[tel]" value="電話暗号は入力できません" />
  5. </form>