onfocusout 이벤트
하단 부분은 이상의 인스턴스가 포함되어 있습니다.
정의 및 사용
요소가 포커스를 잃으면 곧 이벤트 onfocusout 트리거됩니다.
팁 : 유사한 이벤트 onfocusout 위해 onblur 이벤트입니다. 주요 차이점은에 onblur 이벤트 버블 링을 지원하지 않는다는 것이다. 당신은 요소 또는 하위 요소가 포커스를 얻을 수 있는지 여부를 확인해야하는 경우 그래서, 당신은 이벤트 onfocusout 사용해야합니다.
팁 : 파이어 폭스 이벤트 onfocusout 지원하지 않습니다,하지만 당신은 사용할 수 있지만 onfocus 및이 요소 또는 하위 요소가 포커스를 잃을 여부를 확인하기 위해 캡처 모니터 이벤트 (선택적 매개 변수의 useCapture를 addEventListener () 메서드를한다 사용)를.
팁 : 이벤트 onfocusout 대신 이벤트가 onfocusin 이벤트입니다.
브라우저 지원
| 행사 | |||||
|---|---|---|---|---|---|
| onfocusout | 예 | 예 | 지원하지 않습니다 | 예 | 예 |
참고 : 이벤트가 제대로 작동하지 않을 수 있습니다 onfocusin 크롬, 사파리와 오페라 15+ 브라우저에서 HTML DOM 구문을 사용합니다. 그러나 그는 addEventListener () 메서드를 사용하여 HTML 요소가 작동 할 수있다.
문법
HTML에서 :
자바 스크립트 (크롬, 사파리와 오페라 15+이 제대로 작동하지 않을 수 있습니다)
자바 스크립트는 addEventListener () 메서드를 사용합니다 :
참고 : 인터넷 익스플로러 8과 IE의 이전 버전을 지원하지 않습니다 하여 addEventListener () 메서드를.
기술 세부 사항
| 거품을 지원하는 여부 : | 예 |
|---|---|
| 그것은 취소 할 수 있습니다 : | 아니 |
| 이벤트 종류 : | 의해 FocusEvent |
| 지원되는 HTML 태그 : | <기본>, <BDO>에서 <br>, <머리>, <HTML>, <iframe을>, <메타>, <PARAM>, <스크립트>, <스타일> 및 <제목>을 제외한 모든 HTML 요소 |
더 많은 예제
예
이벤트 "onfocusout" "onfocusin"및 사용
»시도
예
이벤트 대표 : 설정하여 addEventListener ()는 useCapture를 매개 변수가 true (포커스에 대한 손실 포커스를 취득)
<입력 유형 = "텍스트"ID = "myInput">
</ FORM>
<스크립트>
VAR X = document.getElementById를 ( "myForm을");
x.addEventListener ( "포커스", myFocusFunction, TRUE);
x.addEventListener ( "흐림", myBlurFunction, TRUE);
myFocusFunction 함수 () {
. 중요 document.getElementById ( "myInput") style.backgroundColor = "노란색";
}
myBlurFunction 함수 () {
중요 document.getElementById ( "myInput") style.backgroundColor = ".";
}
</ 스크립트>
»시도
예
이벤트 대표 : 사용 대한 focusOut 이벤트 (파이어 폭스 브라우저는 지원하지 않습니다)
<입력 유형 = "텍스트"ID = "myInput">
</ FORM>
<스크립트>
VAR X = document.getElementById를 ( "myForm을");
x.addEventListener ( "하는 focusIn", myFocusFunction);
x.addEventListener ( "대한 focusOut", myBlurFunction);
myFocusFunction 함수 () {
. 중요 document.getElementById ( "myInput") style.backgroundColor = "노란색";
}
myBlurFunction 함수 () {
중요 document.getElementById ( "myInput") style.backgroundColor = ".";
}
</ 스크립트>
»시도