JavaScript

스크립트로 해당 태그에 이벤트 추가/삭제하는 방법
  • 조회수 4,466
  • 작성일 2008-08-01
  •  

보통은 BODY 태그에 onLoad를 사용 해서 자바 스크립트를 실행 시키는데 
웹 프로그램을 사용 하다보면 그렇게 사용할수 없는 경우가 있죠..

예를 들면 한 페이지에서 상단과 하단을 Include처리할때

각각 페이지에서 onLoad시에 처리해야할 사항이 생길수 있습니다.

그럴때 꼭 body태그를 이용하지 않고도 유용하게 사용할수 있겠네요..

IsSucess = object.attachEvent("eventName", functionName);      //설정

IsSucess = object.detachEvent("eventName", functionName);     //해제

// IsSucess의 리턴 값은 true 또는 false입니다.

예제) window.attachEvent("onLoad", popWindow);

//해당페이지에서 onLoad이벤트 발생시 popWindow함수 실행

이 메서드는 익스플로러에서만 사용가능합니다.

네스케이프와 모질라에서는 아래처럼 사용하세요.

object.addEventListener("eventName", functionName, true);
object.removeEventListener("eventName", functionName, true);


  • Comment 2012-03-30 15:11
[적용예]
var adma_is_gecko  = navigator.userAgent.toLowerCase().indexOf("gecko") != -1;
var adma_is_ie    = navigator.userAgent.toLowerCase().indexOf("msie") != -1;

function adma() {
  MM_preloadImages('top_menu_over_01.gif','top_menu_over_02.gif');
}

if(adma_is_gecko) {
  window.addEventListener("load", adma, true);
} else {
  window.attachEvent("onload", adma);
}