HTML DOM removeEventListener() 메서드

HTML DOM Element 객체

element.removeEventListener() 메서드는 element.addEventListener() 메서드와 연결된 이벤트 처리기를 제거합니다.

주의:이벤트 처리기를 제거하려면, addEventListener() 메서드로 지정한 함수는 외부의 '명명된' 함수여야 합니다. 예를 들어, 아래의 예제(myFunc).

익명 함수, 예를 들어, “ element .removeEventListener（" event ”，function(){ 문장 };”이 안 됩니다.

사용:document.addEventListener()이 메서드는 문서에 이벤트 처리기를 추가합니다.

사용:document.removeEventListener()이 메서드는 문서에서 이벤트 처리기를 제거합니다.

문법:

element.removeEventListener(event, listener, useCapture)

var box = document.getElementById("para");
//id='para'인 P 요소에 이벤트 처리기를 추가합니다
box.addEventListener("mousemove", myFunc);
//　id='para'인 P 요소에서 이벤트 처리기를 제거합니다
box.removeEventListener("mousemove", myFunc);

브라우저 호환성

removeEventListener() 메서드를 완전히 지원하는 첫 번째 브라우저 버전을 지정하는 표의 숫자:

파라미터 값

기술 세부 사항

관련 참조

JavaScript 튜토리얼:이벤트 리스너

JavaScript 튜토리얼:이벤트 전파

HTML DOM 참조:element .addEventListener()

HTML DOM 참조:document.addEventListener()

HTML DOM 참조:document.removeEventListener()

HTML DOM Element 객체