HTML DOM 문서 removeEventListener()
예시
addEventListener() 메서드로 연결된 "mousemove" 이벤트를 제거합니다.
// Attach an event handler to the document
document.addEventListener("mousemove", myFunction);
// Remove the event handler from the document
document.removeEventListener("mousemove", myFunction);
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
document.removeEventListener() 메서드는 document.addEventListener () 메서드로 첨부된 이벤트 핸들러를 제거합니다 .
참고: 이벤트 핸들러를 제거하려면 addEventListener() 메서드로 지정된 함수가 위의 예(myFunction)와 같이 "이름이 지정된" 외부 함수여야 합니다.
"document.removeEventListener(" event ", function(){ myScript });" 와 같은 익명 함수 작동 안 할 것이다.
팁: 요소 .addEventListener() 및 요소 .removeEventListener() 메서드를 사용 하여 지정된 요소에 이벤트 핸들러를 추가/제거합니다.
통사론
document.removeEventListener(event, function, useCapture)
매개변수 값
Parameter | Description |
---|---|
event | Required. A String that specifies the name of the event to remove. Note: Do not use the "on" prefix. For example, use "click" instead of "onclick". Tip: For a list of all HTML DOM events, look at our complete HTML DOM Event Object Reference. |
function | Required. Specifies the function to remove. |
useCapture |
Optional. A Boolean value that specifies the event phase
to remove the event handler from. Possible values:
|
기술적 세부 사항
DOM 버전: | DOM 레벨 2 이벤트 |
---|---|
반환 값: | 반환 값 없음 |
변경 로그: | useCapture 매개변수는 Firefox 6 및 Opera 12.0에서 선택 사항이 되었습니다(Chrome, IE 및 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);
}
관련 페이지
JavaScript 튜토리얼: HTML DOM EventListener
JavaScript 참조: 요소 .removeEventListener()
브라우저 지원
document.removeEventListener()
DOM 레벨 2(2001) 기능입니다.
모든 브라우저에서 완벽하게 지원됩니다.
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |