.focusin()

focusinイベントにバインドします。

このメソッドは、1つ目と2つ目は.bind('focusin', handler)へのショートカットです。 focusとの違いは、focusinであれば子要素のfocusイベントの発生を検知することが出来ることです。

.focusin( handler(eventObject) ) 1.4追加

戻り値:jQuery

引数 説明
handler(eventObject) イベントが発生した際に、実行したい処理を関数として指定します。

.focusin( [eventData], handler(eventObject) ) 1.4.3追加

戻り値:jQuery

引数 説明
[eventData] マップ値を指定することで、データをイベントハンドラーに渡すことが出来ます。
handler(eventObject) イベントが発生した際に、実行したい処理を関数として指定します。

サンプル

<!DOCTYPE html>
<html>
<head>
<style>span {display:none;}</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p><input type="text" /> <span>input textにフォーカスイン!</span></p>
<p><input type="password" /> <span>input passwordにフォーカスイン!</span></p>
<script>
  //INPUTを含むP要素にバインドさせます
  $("p").focusin(function() {
       $(this).find("span").css('display','inline').fadeOut(1000);
  });
</script>
</body>
</html>

 Back to top

© 2010 - 2017 STUDIO KINGDOM