최신 웹 개발 튜토리얼
 

HTML DOM removeEventListener() Method

<요소 개체

예

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

// Attach an event handler to <div>
document.getElementById("myDIV").addEventListener("mousemove", myFunction);

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

정의 및 사용

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

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

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

브라우저 지원

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

방법
removeEventListener() 1.0 9.0 1.0 1.0 7.0

통사론

element .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() 메소드를.

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

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

관련 페이지

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

자바 스크립트 참조 : 문서. removeEventListener()

<요소 개체