English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery focus() メソッド

jQueryのイベント

focus()メソッドは焦点イベントをトリガーし、または焦点イベントが発生したときに実行される関数を追加します。

要素がフォーカスを取得したときに焦点イベントが発生します(マウスクリックまたは「タブナビゲーション」を通じて選択)。

このメソッドは通常、blur()メソッドを一緒に使用。

構文:

選択された要素の焦点イベントをトリガー:

$(selector).focus()

関数を焦点イベントに追加:

$(selector).focus(function)

<input>の焦点イベントをトリガー:

$(document).ready(function(){
  $("input").focus();
});
テストをしてみる‹/›

関数を焦点イベントに追加(焦点イベントは<input>フィールドに焦点が当たると発生します):

$("input").focus(function(){
  $(this).next("span").css("display", "inline").fadeOut(2000);
});
テストをしてみる‹/›

関数を焦点イベントに追加(焦点イベントは<input>フィールドに焦点が当たると発生します):

$("input").focus(function(){
  $(this).css("background", "white");
});
テストをしてみる‹/›

引数の値

引数説明
function焦点イベントが発生したときに実行される関数

jQueryのイベント