본문스크랩 스크립트로 해당 태그에 이벤트 추가/삭제 - attachEvent Javascript

2007/07/19 09:01

http://blog.naver.com/maru0226/140040247702

첨부파일attachevent-borum81.htm
출처 블로그 > 새로운 시작!!
원본 http://blog.naver.com/borum81/60032559295

출처 블로그 > 무적쥔장's Blog
원본 http://blog.naver.com/moozuknet/60030358276

보통은 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);

출처 카페 > 프로그래밍 Tip&Tech / kinneret74
원본
http://cafe.naver.com/devmaster/9

어떠한 이벤트가 발생 했을때 기능함수를 호출 하는 함수가 바로 attachEvent함수 이다.

대략 사용법은

function change_uppperMenu(){
if(upperMenuVal != '')
parent.document.all.upper_menu.innerText = upperMenuVal;
}

window.attachEvent('onload', change_uppperMenu);

윈도우에서 onload이벤트가 발생하면 change_uppperMenu 함수를 호출하도록 되어있다.

개발이 어느정도 진행이 된 상태에서 윈도우가 로드 될 때마다 어떤 함수를 호출해줄 필요성이 있을때,

페이지를 찾아가며 onload함수를 만들어서 거기에 추가를 시키는 일은 낭비다.

그러나 위와 같이 한줄만 추가하면(물론 이것은 공통으로 import하는 *.js파일이 있을 경우 거기에다가) 다른 파일들을 고칠 필요가 없다.

그 외에도 유용하게 쓸 수 있는 함수인것 같다.

자세한 내용은 아래 주소를 참조..

http://koxo.com/lang/js/method/attachEvent.html

참고로 이벤트에 관해서는 다음을 참조

http://koxo.com/lang/js/event/jsGroup.html

Posted by 퓨전마법사
,