HTML DOM removeEventListener() 메서드
❮ 요소 개체예시
addEventListener() 메서드로 첨부된 "mousemove" 이벤트를 제거합니다.
// 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)와 같이 외부 함수여야 합니다.
" element .removeEventListener(" event ", function(){ myScript });" 와 같은 익명 함수 작동 안 할 것이다.
브라우저 지원
표의 숫자는 이 방법을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Method | |||||
---|---|---|---|---|---|
removeEventListener() | 1.0 | 9.0 | 1.0 | 1.0 | 7.0 |
통사론
element.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() 메서드를 사용할 수 있습니다.
이 예는 브라우저 간 솔루션을 보여줍니다.
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);
}
관련 페이지
JavaScript 튜토리얼: HTML DOM EventListener
JavaScript 참조: document.removeEventListener()
❮ 요소 개체