Jquery에서 focusin 및 focusout 사용에 대한 자세한 설명

jquery focusin 및 focusout 메소드 사용

focusin(fn)

Overview

각 일치 요소의 focusin 이벤트에 처리 함수를 바인딩합니다.
이 이벤트는 요소 또는 그 안에 포함된 요소가 포커스를 얻을 때 트리거됩니다. 이 이벤트와 포커스 이벤트의 차이점은 하위 요소가 상위 요소에 대한 포커스를 얻었는지 여부를 감지할 수 있다는 것입니다.

매개변수
fnFunction은 일치하는 각 요소의 focusin 이벤트에 바인딩된 핸들러 함수입니다.
예
설명:
애니메이션은 포커스를 얻은 후
:

HTML 코드:

<p><input type="text" /> <span>focusout fire</span></p>
<p><input type="password" /> <span>focusout fire</span></p>jQuery 代码:
$("p").focusin(function() {
  $(this).find("span").css(&#39;
display
&#39;,&#39;inline&#39;).fadeOut(1000);
});

focusout(fn)
개요
핸들러 함수를 일치하는 각 요소의 focusout 이벤트에 바인딩합니다.

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

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

예
설명:
포커스를 잃은 후 애니메이션이 실행됩니다:
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);
});

🎜

위 내용은 Jquery에서 focusin 및 focusout 사용에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!