제이쿼리 .blur( handler )

설명 : 이벤트 처리기를 "blur"자바 스크립트 이벤트에 바인딩하거나 요소에서 해당 이벤트를 트리거합니다.

blur이벤트는 포커스를 잃는 요소로 전송됩니다. 원래이 이벤트는와 같은 양식 요소에만 적용 할 수있었습니다 <input>. 최근 브라우저에서는 이벤트의 도메인이 모든 요소 유형을 포함하도록 확장되었습니다. 요소는 Tab 키와 같은 키보드 명령을 통해 또는 페이지의 다른 곳에서 마우스 클릭으로 포커스를 잃을 수 있습니다.

예를 들어, HTML을 고려해보십시오.

<form>

  <input id="target" type="text" value="Field 1">

  <input type="text" value="Field 2">

</form>

<div id="other">

  Trigger the handler

</div>

The event handler can be bound to the first input field:

$( "#target" ).blur(function() {

  alert( "Handler for .blur() called." );

});

이제 첫 번째 필드에 포커스가있는 경우 다른 곳을 클릭하거나 멀리 탭하여 경고를 표시합니다.

.blur ()에 대한 핸들러가 호출되었습니다.

프로그래밍 방식으로 이벤트를 트리거하려면 .blur()인수없이 적용하십시오 .

$( "#other" ).click(function() {

  $( "#target" ).blur();

});

이 코드가 실행 된 후 핸들러 트리거 메시지를 알려줍니다.

이 blur이벤트는 Internet Explorer에서 버블 링되지 않습니다. 따라서 이벤트 위임에 의존하는 스크립트는 blur여러 브라우저에서 일관되게 작동하지 않습니다. 버전 1.4.2로, 그러나, jQuery를 매핑하여이 문제를 해결 작동 blur받는 사람 focusout의 이벤트 위임 방법에서 이벤트 .live()와 .delegate().

예:

모든 단락에서 흐림 이벤트를 트리거하려면 :

$( "p" ).blur();