comments_javascript 기술을 사용하는 JavaScript 이벤트 청취 예제 코드 [IE, Firefox와 호환]

<title>JavaScript 이벤트 모니터링 전체 예(댓글 포함)</title> <meta name="generator" content="editplus"> <meta name="Keywords" content="AddEventHandler,addEventListener,attachEvent,appendChild,getElementsByTagNamem,createElement,createTextNode,IE与FF兼容性,JavaScript事件,JavaScript监听"> <style type="text/css"> * { margin:0px; padding:0px; } div { margin:10px auto; width:690px; border:solid 1px #000; min-height:600px; padding:20px; } div p { padding:4px; margin-left:4px; margin-top:4px; border:solid 1px blue; width:100px; float:left; } pre{ margin:20px 0 0 0; } a { text-indent:4em; } </style> <div> </div>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.

]

addEventListener 예, IE에서는 AttachEvent를 사용해야 합니다.
FireFox에서는 잘 돌아가는데 IE에서는 오류가 발생하는 이유가 아직도 궁금합니다.
IE 및 FireFox 이벤트 수신 객체 처리:
var oEventUtil = new Object();
oEventUtil.AddEventHandler = function(oTarget,sEventType,fnHandler)
{
if(oTarget.addEventListener ) {
oTarget.addEventListener(sEventType,fnHandler,false);
} else if(oTarget.attachEvent){
oTarget.attachEvent('on' sEventType,fnHandler)
} else{
oTarget['on' sEventType] = fnHandler;
}
};
Script House 편집자 주: 일반적으로 문제가 없지만 실제 사용에서는 이벤트 개체에 대해 oEventUtil.AddEventHandler(document.getElementById("jb51"),'click',oT);를 사용하세요.