DOM 레벨 0 버블링 예 " src="../scripts /jquery-1.2.1.js">
;div id="grandpa"> ;
;
🎜>
DOM 2nd DOM 레벨 0 모델의 레벨 0의 단점은 속성이 이벤트 핸들러인 함수에 대한 참조를 저장하는 데 사용되므로 각 요소는 특정 이벤트 유형에 대해 한 번에 하나의 이벤트 핸들러만 등록할 수 있다는 것입니다. .
DOM 레벨 2 이벤트 모델(리스너라고도 함)은 이러한 유형의 문제를 해결하도록 설계되었습니다. 각 DOM 요소는 이벤트 핸들러(리스너)를 요소에 연결하는 데 사용되는 addEventListener()라는 메서드를 정의합니다. 이 메소드의 형식은 다음과 같습니다.
addEventListener(enentType,listener,useCapture)
매개변수 eventType은 처리할 시간 유형을 식별하는 데 사용되는 문자열입니다. 예: 클릭, 마우스오버, 키다운 등
listener 매개변수는 요소에 지정된 유형의 핸들러를 설정하는 데 사용되는 함수(또는 인라인 함수)에 대한 참조입니다.
useCapture 매개변수는 부울 유형입니다.
코드는 다음과 같습니다.
<머리>
DOM 레벨 2 이벤트 예
<본문>
以上代码简单说明我们能는 같은 일个元素上为同一个事件类型建立多个事件处理程序