Mozilla 에서:addEventListener 의 사용 방식:target.addEventListener(type,listener,useCapture);target:문서 노드,document,window 또는 XML HttpRequest.type:문자열,이벤트 이름,"on"을 포함 하지 않 습 니 다.예 를 들 어"click","mouseover","keydown"등 입 니 다.listener:EventListener 인터페이스 나 JavaScript 의 함 수 를 실현 합 니 다.useCapture:캡 처 를 사용 할 지 여부 입 니 다.보통 false 를 사용 합 니 다.예 를 들 어 document.getElement ById("testText").addEventListener("keydown",function(event){alert(event.keyCode);},false); IE 에서:target.attachEvent(type,listener);target:문서 노드,document,window 또는 XML HttpRequest.type:문자열,이벤트 이름,"on"을 포함 합 니 다.예 를 들 어"onclick","onmouseover","onkeydown"등 입 니 다.listener:EventListener 인터페이스 나 JavaScript 의 함 수 를 실현 합 니 다.예 를 들 어 document.getElement ById("txt").attachEvent("onclick",function(event){alert(event.keyCode);});W3C 와 IE 는 지정 한 이 벤트 를 제거 하 는 것 을 지원 합 니 다.용 도 는 설 정 된 이 벤트 를 제거 하 는 것 입 니 다.형식 은 다음 과 같 습 니 다.W3C 형식:removeEventListener(event,function,capture/bubble);Windows IE 의 형식 은 다음 과 같 습 니 다.detachEvent(event,function);target.addEventListener(type, listener, useCapture); target 문서 노드,document,window 또는 XML HttpRequest.type 문자열,이벤트 이름,"on"을 포함 하지 않 습 니 다.예 를 들 어"click","mouseover","keydown"등 입 니 다.listener 는 EventListener 인터페이스 나 JavaScript 의 함 수 를 실현 합 니 다.useCapture 가 캡 처 를 사용 하 는 지 여 부 는 뒤의 이벤트 흐름 을 한 절 보면 알 수 있 습 니 다.보통 false 이벤트 로 트리거 할 때 이벤트 대상 을 이벤트 처리 프로그램 에 전달 합 니 다.예 를 들 어 document.getElement ById("testText").addEventListener("keydown",function(event){alert(event.keyCode);}.false); 적응 하 는 브 라 우 저 버 전이 다 르 며,동시에 사용 하 는 과정 에서 attachEvent 방법 단추 onclick IE 에서 addEventListener 방법 단 추 를 사용 하여 click fox 에서 두 가 지 를 사용 하 는 원 리 를 주의해 야 합 니 다.실행 가능 한 우선 순위 가 다 릅 니 다.다음 인 스 턴 스 는 다음 과 같 습 니 다.attachEvent 방법 은 특정한 사건 에 다른 처리 이 벤트 를 추가 합 니 다.(Mozilla 시리즈 가 지원 되 지 않 음)addEventListener 방법 은 Mozilla 시리즈 예:document.getElement ById("btn").onclick=method 1;document.getElementById("btn").onclick = method2; document.getElementById("btn").onclick = method3;이렇게 쓰 면 medhot 3 만 실 행 됩 니 다.var btn1Obj=document.getElement ById("btn 1");/object.attachEvent(event,function); btn1Obj.attachEvent("onclick",method1); btn1Obj.attachEvent("onclick",method2); btn1Obj.attachEvent("onclick",method3);실행 순 서 는 method 3->method 2->method 1 입 니 다.Mozilla 시리즈 라면 이 방법 을 지원 하지 않 습 니 다.addEventListener var btn1Obj=document.getElement ById("btn 1")를 사용 해 야 합 니 다./element.addEventListener(type,listener,useCapture); btn1Obj.addEventListener("click",method1,false); btn1Obj.addEventListener("click",method2,false); btn1Obj.addEventListener("click",method3,false);실행 순 서 는 method 1->method 2->method 3 인 스 턴 스 입 니 다.(div 는 js 앞 에 두 어야 합 니 다)
