jQuery 포커스아웃 이벤트의 사용 및 정의

개요

각 일치 요소의 포커스아웃 이벤트에 핸들러 함수를 바인딩합니다.

이 이벤트는 요소 또는 그 안에 포함된 요소가 포커스를 잃을 때 트리거됩니다. 이 이벤트와 흐림 이벤트의 차이점은 하위 요소가 상위 요소에 대한 포커스를 잃는 시기를 감지할 수 있다는 것입니다.

Parameters

fnFunctionV1.0

각 일치 요소의 focusout 이벤트에 바인딩된 핸들러 함수입니다.

[data],fnString,FunctionV1.4.3

data:focusout([Data], fn)은 함수 fn이 처리할 데이터를 전달할 수 있습니다.

fn: 일치하는 각 요소의 focusout 이벤트에 바인딩된 핸들러 함수입니다.

Example

설명:

포커스를 잃은 후 애니메이션이 실행됩니다.

HTML 코드:

<p><input type="text" /> <span>focusout fire</span></p> <p><input type="password" /> <span>focusout fire</span></p>

jQuery 코드:

$("p").focusout(function() { $(this).find("span").css('display','inline').fadeOut(1000); });

Example

loss focus ,

요소의 배경색 설정:

$("div").focusout(function(){
$(this).css("background-color","#FFFFFF");
});

정의 및 사용법

focusout 이벤트는 요소(또는 그 안에 있는 모든 요소)가 포커스를 잃을 때 발생합니다.

focusout() 메서드는 해당 요소 또는 그 안에 있는 모든 요소에서 focusout 이벤트가 발생할 때 실행할 함수를 추가합니다.

blur() 메서드와 달리 focusout() 메서드는 하위 요소가 포커스를 잃을 때에도 실행됩니다.

팁: 이 메서드는 일반적으로 focusin() 메서드와 함께 사용됩니다.

위 내용은 jQuery 포커스아웃 이벤트의 사용 및 정의의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：

jquery 定义

원천：php.cn

이전 기사：jQuery에서 focusin()과 focus(), find()와 children()의 차이점 다음 기사：Jquery에서 focusin 및 focusout 사용에 대한 자세한 설명

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

저자별 최신 기사

• 자신만의 PHP 프레임워크를 처음부터 구축하는 방법에 대한 비디오 자료
  2023-03-15 16:54:01
• PHPMailer가 QQ 메일함을 사용하여 이메일 전송 기능을 완성하는 방법에 대한 분석 예
  2023-03-15 12:26:02
• PHP의 IMAP에서 이메일을 받는 방법 소개
  2023-03-14 18:58:01
• PHP에서 배열 중복 제거를 신속하게 구현하는 방법의 예
  2023-03-14 11:30:01
• HTML에서 태그의 모든 속성 사용 요약
  1970-01-01 08:00:00
• PHP에 대한 기본 지식 요약(초보자가 시작하는 데 필요함)
  2023-03-16 15:20:01
• JavaScript에서 typeof 사용 소개
  1970-01-01 08:00:00
• JavaScript의 verify() 메소드 사용 소개
  1970-01-01 08:00:00
• HTML5 자리표시자 속성에 대한 자세한 소개
  1970-01-01 08:00:00
• ReactJS의 양식에서 단일 선택, 다중 선택 및 역선택을 구현하는 방법
  1970-01-01 08:00:00

최신 이슈

function_exists()는 사용자 정의 함수를 결정할 수 없습니다. 기능 테스트() {                                                                                ...

에서 2024-04-29 11:01:01

0

2

1807

Chrome 모바일 버전을 표시하는 방법 안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요?

에서 2024-04-23 00:22:19

0

10

1959

자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다. 처음 두 문장은 실행 가능하지만 마지막 문장은 구현할 수 없습니다.

에서 2024-04-19 15:37:47

0

1

1659

상위 창에 출력이 없습니다. document.onclick = function(){ window.opener.document.write('나는 자식 창의 출력입니다.');

에서 2024-04-18 23:52:34

0

1

1559

CSS 마인드맵 코스웨어는 어디에 있나요? 코스웨어

에서 2024-04-16 10:10:18

0

0

1592

관련 주제

더>

• jquery 플러그인이란 무엇입니까?
• jquery로 json을 조작하는 방법
• Jquery에서 요소를 삭제하는 방법
• jQuery hover() 메소드 사용
• jquery는 페이징 방법을 구현합니다.
• Jquery의 숨겨진 요소는 무엇입니까?
• jquery에서 강조표시되는 내용
• 브라우저 호환성