addeventListener의 예제 예제

(DIV는 JS 앞에 배치해야한다는 점에 유의해야합니다)

일반적으로 DOM 객체가 동일한 이벤트에 묶인 경우 마지막 이벤트 만 예를 들어 다음과 같습니다.

코드 사본은 다음과 같습니다.

document.getElementById ( "btn"). onclick = method1;

document.getElementById ( "btn"). onclick = method2;

document.getElementById ( "btn"). onclick = method3;

그러면 Method3 만 적용됩니다.

Mozilla 시리즈 인 경우 AddeventListener를 사용하여 다음과 같은 여러 이벤트를 순서대로 구현할 수 있습니다.

코드 사본은 다음과 같습니다.

var btn1obj = document.getElementById ( "btn1");

//element.addeventListener(type, Listener, UseCapture);

btn1obj.addeventListener ( "Click", Method1, False);

btn1obj.addeventListener ( "Click", Method2, False);

btn1obj.addeventListener ( "클릭", 메소드 3, false);

실행 순서는 Method1-> method2-> method3입니다

IE 시리즈 인 경우 autdevent는 다음과 같은 순서대로 여러 이벤트를 구현할 수 있습니다.

코드 사본은 다음과 같습니다.

var btn1obj = document.getElementById ( "btn1");

//object.attachevent (event, function);

btn1obj.attachevent ( "onclick", method1);

btn1obj.attachevent ( "onclick", method2);

btn1obj.attachevent ( "onclick", method3);

실행 순서는 방법 3-> method2-> method1입니다

====================================================================================

Mozilla에서 :

addeventListener를 사용하는 방법

target.addeventListener (유형, 리스너, usecapture);

대상 : 문서 노드, 문서, 창 또는 xmlhttprequest.

유형 : 문자열, 이벤트 이름은 "클릭", "마우스 오버", "키 다운"등과 같은 "on"이 포함되어 있지 않습니다.

리스너 : eventListener 인터페이스 또는 JavaScript의 함수를 구현합니다.

usecapture : 캡처 사용 여부, 일반적으로 false를 사용하십시오. 예를 들면 다음과 같습니다. document.getElementById ( "TestText"). addEventListener ( "keydown", function (event) {alert (enver.keyCode);}, false);

IE에서 :

target.attachevent (유형, 리스너);

대상 : 문서 노드, 문서, 창 또는 xmlhttprequest.

유형 : 문자열, 이벤트 이름, "on on", "onmouseover", "onkeydown"등과 같은 "on",

리스너 : eventListener 인터페이스 또는 JavaScript의 함수를 구현합니다. 예를 들면 다음과 같습니다. document.getElementById ( "txt"). att

W3C 및 IE는 지정된 이벤트 제거를 지원합니다. 목적은 세트 이벤트를 제거하는 것입니다. 형식은 다음과 같습니다.

removeEventListener (이벤트, 기능, 캡처/버블);

Windows IE의 형식은 다음과 같습니다.

Detachevent (이벤트, 기능);

DOM2 진화 :

새로운 DOM2 사용량은 AddingEventListener () 함수를 통해 볼 수 있습니다.

코드 사본은 다음과 같습니다.

addeventListener (이벤트, 기능, 캡처/버블);

매개 변수 이벤트는 위의 표에 나와 있습니다. 함수는 실행되는 기능입니다. 캡처 및 버블은 W3C에 의해 공식화 된 2 개의 시간 모드입니다. 간단히 말해서, 캡처는 문서의 시작 부분에서 마지막 줄을 읽은 다음 이벤트를 실행하는 것입니다. 버블은 먼저 지정된 위치를 찾은 다음 이벤트를 실행합니다.

캡처/버블의 매개 변수는 부울 값, 캡처를 사용하는 진정한 수단 및 거품에 대한 잘못된 수단입니다. Windows Internet Explorer는 또한 다음과 같이 형식과 함께 autchedEvent () 인 EventHandler를 공식화했습니다.

코드 사본은 다음과 같습니다.

window.attachevent ( "제출", myFunction ());

더 특별한 점은 Windows IE 환경에서는 기포 모드가 사용되기 때문에 AttachEvent는 캡처/버블 매개 변수를 지정할 필요가 없다는 것입니다.

지원되는 청취 유형을 결정하는 방법은 무엇입니까? 좋다:

코드 사본은 다음과 같습니다.

if (typeof window.addeventListener! =“undefined”) {

window.addeventListener ( "로드", 롤오버, 거짓);

} 또 다른 {

window.attachevent ( "Onload", 롤오버)

}

위의 Typeof Window.AdDeventListener! = "정의되지 않은"프로그램 코드는 사용자의 브라우저가 addeventListener 이벤트 모델을 지원하는지 여부를 결정할 수 있습니다. 지원되지 않으면 AttachEvent가 사용됩니다.

W3C 및 IE는 지정된 이벤트 제거를 지원합니다. 목적은 세트 이벤트를 제거하는 것입니다. 형식은 다음과 같습니다.

W3C 형식 :

removeEventListener (이벤트, 기능, 캡처/버블);

Windows IE의 형식은 다음과 같습니다.

Detachevent (이벤트, 기능);