.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>
© 2010 - 2017 STUDIO KINGDOM