이미지 로딩 도중에 이탈하였을 때 발생한다.


이벤트 속성
IMG.onabort=handler JScript 만-
IMG.onabort=GetRef('handler') VBScript 5.0-
인라인 HTML <IMG onabort="handler"> 모든 플랫트폼
명명된 스크립트 <SCRIPT for=IMG event=onabort>handler</SCRIPT> Explorer-
용법
로딩에서 이탈시 'JavascriptCode'를 실행한다.
Javascript 에서는
imgObj.onabort='JavascriptCode'
HTML 에서는
<IMG src="../../gif/rfevent.gif" onAbort="JavascriptCode">
이벤트 특성
Bubbles 없음
취소 가능
발생 원인

이미지 로딩 도중에 이탈하였을 때 발생하며 'JavascriptCode'를 실행한다.

로딩 도중에 이탈이라 함은 이미지 로딩 도중에 브라우저의 '중지' 단추를 누르거나, 다른 연결 사이트를 클릭하여 로딩을 중단하고 새로운 사이트로 이동하였을 때, onabort 이벤트가 발생된다.

  • 로딩 도중 anchor를 클릭했을 때.
  • 로딩 도중 브라우저의 '중지' 단추를 눌렀을 때.
  • 로딩 도중 다른 페이지로 이동할 때.
디폴트 작용 지정된 이미지의 다운로드를 중지한다.
HTML 규격 HTML 규격

DHTML 개체 모델에서 이벤트처리자는 파라메터들을 직접 받지는 못해도, event개체의 쿼리를 사용할 수 있다.

altKey ALT 키가 눌렸는가를 반환하거나 설정한다.
altLeft 왼쪽 ALT 키가 눌렸는가를 반환하거나 설정한다.
ctrlLeft 왼쪽 CTRL 키가 눌렸는가를 반환하거나 설정한다.
returnValue 이벤트로 부터의 반환값을 반환하거나 설정한다.
shiftLeft 왼쪽 SHIFT 키가 눌렸는가를 반환하거나 설정한다.
srcElement 이벤트를 발생시킨 개체를 반환하거나 설정한다.
type 이벤트 개체의 이벤트 명칭을 반환하거나 설정한다.
특기

일반적으로 아주 큰 이미지 화일에서나 통신 속도가 아주 느린 경우에나 차잇점을 감지할 수 있다.

적용
개체scriptHTMLIE


이미지 로딩 중에 중단한 예제

이미지 로딩이 완료되기 전에 이미지를 클릭하거나 브라우져 스톱 단추를 클릭해 중단시켜 보자.
혹은 페이지 새로고침을 클릭하고 즉시 브라우저 스톱 단추를 클릭해 보자.

로딩 중...
<DIV id="imageA" style="border:solid 1 blue;width:279;margin-left:100;height:100;text-align:center" title="이미지 들어갈 자리">
<FONT color=red>로딩 중...</FONT>
<IMG src="http://www.natlib.lk/building.jpg" height=100
  onLoad="imageA.innerHTML='<IMG src=http://www.natlib.lk/building.jpg height=100> 로딩 완료'"
  onClick="this.onabort()"
  onAbort="alert('이미지 로딩이 중지되었습니다.');imageA.innerHTML='로딩 중단'">
</DIV>

이미지 읽기 시간이 너무 짦으면 감지하기가 어렵다. 여기서는 로딩에 오래 걸리는 이미지를 골라봤다.