최신 웹 개발 튜토리얼
 

HTML DOM removeEventListener() Method

<문서 객체

예

제거 "mousemove" 부착 된 이벤트 addEventListener() 메서드를 :

// Attach an event handler to the document
document.addEventListener("mousemove", myFunction);

// Remove the event handler from the document
document.removeEventListener("mousemove", myFunction);
»그것을 자신을 시도

더 "Try it Yourself" 아래의 예.

정의 및 사용

document. removeEventListener() document. removeEventListener() 메소드는 부착 된 이벤트 핸들러 제거 문서. addEventListener() 방법.

주 : 이벤트 핸들러를 제거하기 위해, 지정된 기능 addEventListener() 메소드는 외부이어야 "named" 위의 예와 같은 함수 (myFunction) .

추천 익명 함수, "문서. removeEventListener(" event ", function() {}로 myscripf);" 작동하지 않습니다.

팁 : 사용 요소를. addEventListener() 및 소자. removeEventListener() 메소드는 추가 / 지정된 요소들로 /로부터 이벤트 핸들러를 제거한다.

브라우저 지원

테이블의 숫자는 완전히 방법을 지원하는 최초의 브라우저 버전을 지정합니다.

방법
removeEventListener() 1.0 9.0 1.0 1.0 7.0

참고 : removeEventListener() 메서드는 인터넷 익스플로러 8 이전 버전, 오페라 6.0 및 이전 버전에서는 지원되지 않습니다. 그러나, 이러한 특정 브라우저 버전, 당신은 사용할 수 있습니다 detachEvent() 부착 된 이벤트 처리기를 제거하는 방법을 attachEvent() 메서드 (참조 "More Examples" 크로스 브라우저 솔루션은 아래 참조).

통사론

document.removeEventListener( event , function , useCapture )

매개 변수 값

매개 변수 기술
event 필요합니다. 제거 할 이벤트의 이름을 지정하는 문자열.

참고 : 사용하지 마십시오 "on" 접두사를. 예를 들어, 사용 "click" 대신 "onclick" .

팁 : 모든 HTML DOM 이벤트의 목록은 우리가 완전한 보면 HTML DOM 이벤트 객체 참조 .
function 필요합니다. 제거하는 기능을 지정합니다.
useCapture 선택 과목. 이벤트 위상을 지정하는 부울 값에서 이벤트 핸들러를 제거한다.

가능한 값 :
  • 사실 - 캡처 단계에서 이벤트 핸들러를 제거
  • false- 기본. 버블 링 단계에서 이벤트 핸들러를 제거
참고 : 이벤트 핸들러가 캡처 한 버블로 2 회, 하나를 부착 한 경우, 각각 개별적으로 제거해야합니다.

기술적 세부 사항

DOM 버전 : DOM 레벨 2 이벤트
반환 값 : 없음 반환 값 없습니다
변경 내역 : useCapture를 매개 변수가 파이어 폭스 6, 오페라 12.0에서 선택되었다 (has always been optional for Chrome, IE and Safari)
예

더 예

예

지원하지 않는 브라우저를 들어 removeEventListener() 메소드를, 당신은 사용할 수 있습니다 detachEvent() 메소드를.

이 예제는 크로스 브라우저 솔루션을 보여줍니다

if (document.removeEventListener) {         // For all major browsers, except IE 8 and earlier
    document.removeEventListener("mousemove", myFunction);
} else if (document.detachEvent) {          // For IE 8 and earlier versions
    document.detachEvent("onmousemove", myFunction);
}
»그것을 자신을 시도

관련 페이지

자바 스크립트 튜토리얼 : HTML DOM의 EventListener

자바 스크립트 참조 : 요소입니다. removeEventListener()

<문서 객체