메서드 removeEventListener

메서드 removeEventListener는 이전에 addEventListener를 통해 할당된 이벤트 핸들러를 제거할 수 있게 합니다. 이를 위해 매개변수로 이벤트 할당 시 전달되었던 동일한 이벤트 유형과 함수를 전달해야 합니다.

구문

element.removeEventListener('이벤트 유형', 함수);

예제

요소를 클릭했을 때 단 한 번만 동작하도록 만들어 봅시다:

<input type="button" id="button" value="click me">

let button = document.querySelector('#button');
button.addEventListener('click', func); // 이벤트 할당

function func() {
	alert('!!!');
	button.removeEventListener('click', func); // 클릭 후 이벤트 제거
};

참고 항목

메서드 preventDefault,
기본 동작을 취소하는