살아 숨 쉬는 웹 - 블루비 :: Web Developer

[element].attachEvent("[event]", [function]);
객체의 특정 [event](onmouseover,onmouseout...)가 발생시 정의된[function]을 실행한다.
[element].detachEvent("[event]", [function]);
정의된 [event]의 [function]를 삭제

ex>
document.attachEvent("onmousedown", test);
위처럼 하면 문서에 마우스 다운시 test함수가 실행됩니다.
attachEvent, detachEvent 는 IE 전용이며

모질라 기반 브라우저에서는
[element].addEventListener("mousedown", test, true);
[element].removeEventListener("mousedown", test, true);

[event] 부분이 IE 에선 on을 붙이지만 모질라 기반은 on을 뺀 이벤트만 적용해준다.

크로스 코딩 예제

function addEvent(obj,evt,func)
{
if( /MSIE/.test(navigator.userAgent) ){/* IE */
obj.attachEvent(evt , func);
} else {
evt=evt.replace('on','');
obj.addEventListener(evt , func, false)
}
}

function removeEvent(obj,evt,func){

if( /MSIE/.test(navigator.userAgent) ){/* IE */
obj.detachEvent(evt , func);
}else{
evt=evt.replace('on',');
obj.removeEventListener(evt , func, false)
}
}