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 이벤트