[DOM_Event] JS - error 이벤트 (= onerror 속성) - 외부파일로드 중 에러발생시 실행 (= 에러 이벤트 = 에러 속성)

목차

1. error 예제 - 이미지 로드 실패 시 함수 실행
2. error 예제 - 동영상 로드 실패 시 함수 실행
3. error 정의
4. error 구문
5. error 예제 - 자기소개 이미지 사용/대체 에러 시 입력 문자열 출력

 

error 예제 - 이미지 로드 실패 시 함수 실행

 

<img src="logo.gif" onerror="hz()">

<script>

function hz() {

  alert('이미지 로드 실패');

}

</script>

 

error 예제 - 동영상 로드 실패 시 함수 실행

 

<script>

var mv = document.getElementById("hz");

mv.onerror = function() {

    alert("동영상 로드 실패");

};

</script>

 

error 정의

 

외부 파일 (예 : 문서, 이미지, 비디오 등) 로드 중 오류 발생 이벤트.

 

---

1.
모든 브라우저 지원

2.
미디어 로드 실패와 관련 있는 이벤트

• abort 이벤트 - 미디어 로드 중단 이벤트
• emptied 이벤트 - 미디어 빈 경우 이벤트
• stalled 이벤트 - 브라우저가 미디어 사용 불가 이벤트
• suspend 이벤트 - 미디어 데이터 로딩 일시 중단 이벤트

 
3.

• 지원 태그 : <audio> , <video>
• 지원 객체 : Audio, Video

error 구문

 

HTML 속성 방식

<element onerror="jsScript">

JS 속성 방식

object.onerror=function(){jsScript}; 

JS 메서드 방식

object.addEventListener("error", jsScript);

 

error 예제 - 자기소개 이미지 사용/대체 에러 시 입력 문자열 출력