English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM removeEventListener() 메서드

HTML DOM Document 객체

document.removeEventListener()추가된document.addEventListener()메서드 내의 이벤트 처리기

주의:이벤트 처리기를 제거하려면 addEventListener() 메서드에서 지정한 함수는 외부의 "이름 지정된" 함수여야 합니다. 아래의 예제(myFunc)와 같이.

익명 함수 예를 들어 "document.removeEventListener("event",function(){ statement );" 이렇게는 안 됩니다.

사용요소 .addEventListener()메서드는 지정된 요소에 이벤트 처리기를 추가합니다.

사용요소 .removeEventListener()지정된 요소에서 이벤트 처리기를 제거하는 메서드입니다.

문법:

document.removeEventListener(event, listener, useCapture)
// 이벤트 처리기를 문서에 추가합니다
document.addEventListener("mousemove", myFunc);
// 문서에서 이벤트 처리기를 제거합니다
document.removeEventListener("mousemove", myFunc);
테스트를 보고‹/›

브라우저 호환성

removeEventListener() 메서드를 완전히 지원하는 첫 번째 브라우저 버전을 표시한 숫자입니다:

메서드
removeEventListener()1171.09

파라미터 값

파라미터설명
event(必需) 제거할 JavaScript 이벤트 이름입니다. 이벤트를 사용할 때 "on" 접두사를 사용하지 않습니다. 예를 들어, "click" 대신 "onclick" 또는 "mousedown" 대신 "onmousedown" 사용.
모든 HTML DOM 이벤트 목록에 대해 참조하십시오.HTML DOM 이벤트 객체 참조.
listener( 필수 사항 )제거할 JavaScript 함수의 이름.
useCapture( 선택 사항 ) 불리언 값,캡처 단계 또는 버블 단계에서 이벤트를 제거하는지 지정합니다. 기본值为 false.
가능한 값:
  • true-캡처 단계에서 이벤트 처리기를 제거했습니다

  • false-버블 단계에서 이벤트 처리기를 제거했습니다

주의:이벤트 처리기를 두 번 추가했을 경우, 한 번은 캡처 단계에서, 한 번은 버블 단계에서 추가되었을 경우, 각각을 별도로 제거해야 합니다.
우리의JavaScript 이벤트 전파 가이드에서관련 정보를 읽어보세요이벤트 전파의 더 많은 정보

기술 세부 사항

반환 값:없음
DOM 버전:DOM 2단계

관련 참조

JavaScript 가이드:이벤트 리스너

JavaScript 가이드:이벤트 전파

HTML DOM 참조:document.addEventListener()

HTML DOM 참조:element.removeEventListener()

HTML DOM Document 객체