Latest web development tutorials

HTML DOM은 removeEventListener () 메소드

요소 참조 객체 Element 객체

은 "MouseMove 이벤트"이벤트를 추가 할 수 addEventListener () 메서드를 제거합니다 :

//의 <DIV> 요소에 이벤트 처리기를 추가
. 중요 document.getElementById ( "myDIV")하여 addEventListener ( "MouseMove 이벤트"하여 myFunction);

//의 <DIV> 요소 이벤트 핸들러를 제거
. 중요 document.getElementById ( "myDIV")은 removeEventListener ( "MouseMove 이벤트"하여 myFunction);

»시도

정의 및 사용

은 removeEventListener () 메서드를 제거하는 데 사용됩니다 하여 addEventListener () 이벤트 핸들러를 추가하는 방법을.

참고 : 이벤트 핸들러를 제거하려면하여 addEventListener () 함수 구현의 예 (myFunction이) 같은 외부 함수를 사용해야합니다.

유사한 익명 함수, "document.removeEventListener ("이벤트 ", 함수는 () {MyScript를이});" 이 이벤트는 제거 할 수 없습니다.


브라우저 지원

표의 수치는 상기 방법의 버전 번호를 먼저 지원 브라우저를 나타낸다.

방법
은 removeEventListener () 1.0 9.0 1.0 1.0 7.0

참고 : 인터넷 익스플로러 8 이전 버전의 IE 때 removeEventListener () 메소드, 오페라 7.0를 지원하지 않는 이전 버전의 오페라를 지원하지 않습니다. 그러나 브라우저의 기능을 지원하지 않습니다, 당신은 이벤트 처리기를 추가 할 수는 attachEvent () 메소드를 제거 detachEvent () 메서드를 사용할 수 있습니다 (크로스 브라우저 솔루션에 대한 "추가 예"참조).


문법

요소 .removeEventListener (이벤트, 함수, useCapture를 )

매개 변수 값

매개 변수 기술
행사 해야합니다. 이벤트의 이름을 제거합니다. .

참고 : "에"접두어를 사용하지 마십시오. 예를 들어, 사용하는 대신에, "onclick을"을 "클릭".

팁 : 모든 HTML DOM 이벤트, 당신은 우리의 완전한 볼 수있는 HTML DOM 이벤트 객체 참조 .
기능 해야합니다. 기능을 지정 제거 할 수 있습니다.
useCapture를 선택 사항. 이벤트 핸들러 단계를 제거 지정하는 부울 값입니다.

가능한 값 :
  • 진정한 - 캡처 단계에서 이벤트 핸들러를 제거
  • false- 기본. 버블 링 단계에 대한 이벤트 처리기를 제거
참고 : 한 번 버블 링 단계에 한 번 캡처 단계에서 두 번 이벤트 핸들러를 추가 할 경우 이벤트를 제거해야합니다.

기술 세부 사항

DOM 버전 : DOM 레벨 2 이벤트
반환 값 : 없음 반환 값 없음
기록 : 파이어 폭스 6, useCapture를 오페라 12.0에서 매개 변수는 선택 사항입니다. (크롬, IE, 사파리는 항상 선택하고있다).


더 많은 예제

브라우저가 때 removeEventListener () 메소드를 지원하지 않는 경우 detachEvent () 메소드를 사용할 수 있습니다.

이 예에서는 브라우저 간 솔루션을 보여

VAR X = document.getElementById를 ( "myDIV을");
경우 (x.removeEventListener) {// // 모든 IE 8을 제외한 브라우저와 IE의 이전 버전
x.removeEventListener ( "MouseMove 이벤트"하여 myFunction);
} 경우 그렇지 않은 경우 (x.detachEvent) {// IE 8과 IE의 이전 버전
x.detachEvent (하여 myFunction "으로 onMouseMove");
}

»시도


관련 페이지

자바 스크립트 튜토리얼 : 표시되는 HTML DOM에의 EventListener

자바 스크립트 참조 설명서 : document.removeEventListener ()


요소 참조 객체 Element 객체