addEvent로 addEventListener, attachEvent 브라우저 호환성 개선

일단 결론 부터 말하자면 아래의 함수이다.
function addEvent(obj, type, fn) { if (obj.addEventListener) obj.addEventListener(type, fn, false); else if (obj.attachEvent) { obj["e"+type+fn] = fn; obj[type+fn] = function() { obj["e"+type+fn]( window.event ); } obj.attachEvent("on"+type, obj[type+fn]); } }
익스플로러에 대한 처리가 이전에 봤던 이벤트 처리랑 좀 다른게 있는데 정확한 이유는 모르겠다.

참고자료는 CDK Standard Magazine Forum 글을 참고했다.
http://forum.standardmag.org/viewtopic.php?id=1250

어찌 되었건 표준은 addEventListener 인데 IE에서는 attachEvent를 쓴다.
그래서 브라우저간 호환성 때문에 이러한 처리가 필요해진다. (아마 IE가 점유율이 높지 않았다면 IE가 패치를 해서 바꿔야 했겠지.)

그리고 IE에서는 이벤트를 붙일때 on을 넣어 주어야 한다. 나도 on이 익숙해져 있었는데 표준에서는 on이 없단다.

ps.
onload와 onLoad삽질 경험담...

X : addEvent(window, "load", onload); // onload 소문자로만 이루어진 onload 사용 불가
O : addEvent(window, "load", onLoad);

이상하게도 onload함수를 선언해서 사용해서 이벤트를 붙여서 쓰게 되니 정상적으로 동작하지 않는 경우가 발생하였다.
이런저런 이유가 있을듯 한데 참고 하기 바람

---

네이버 블로그에 올렸던 내용을 옮겨 오며 일부 수정 하였음
http://blog.naver.com/jworld2000/70027615982