>  기사  >  웹 프론트엔드  >  jQuery 포커스아웃 이벤트의 사용 및 정의

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

黄舟
黄舟원래의
2017-06-27 13:23:371400검색

개요

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

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

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(&#39;display&#39;,&#39;inline&#39;).fadeOut(1000); });

Example

dc6dce4a544fdca2df29d5ac0ea9906b loss focus , dc6dce4a544fdca2df29d5ac0ea9906b 요소의 배경색 설정:

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

정의 및 사용법

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

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

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

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

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

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