focus()


version 1.0 以降

解説

マッチした要素に、focusイベントを実行します。
trigger("focus")のヘルパイベントです。 バインドされたイベントハンドラ関数とブラウザの標準アクションを実行します。

通常、focusイベントは、マウスなどのポインティングデバイス操作やタブキーを押すなどの操作で、要素がフォーカスを得た時に発生します。

戻り値

  • jQuery: jQueryオブジェクト

関連


例1:テキストボックスがフォーカスを得ると、背景色を黄色にします。
「focus event!」ボタンをクリックすると、focusイベントが実行され、テキストボックスがフォーカスを得て、背景色が黄色になります。

$("#test_result :text")
    .focus(function(){
        $(this).css("background-color", "#ffffc0");
    })
    .blur(function(){
        $(this).css("background-color", "white");
    })

// 「focus event!」ボタンクリック時にフォーカスイベントを実行
$("#focus_button").click(function(){
    $("#test_result :text").focus();
});