removeEventListener

개요

addEventListener로 등록한 이벤트 리스너를 지울 수 있다.

removeEventListener 을 실행한 순간부터 해당 Handler 함수는 더 이상 이벤트를 전달 받지 못한다.

Internet Explorer 구버전 호환 태그로는 detachEvent가 있다.

사용법

function winowClickHandler() {
   window.removeEventListener("click", winowClickHandler);
}
window.addEventListener("click", winowClickHandler);

예제

<html>
<head>
	<script type="text/javascript">
		var btnExample;

		window.onload = function(){
			btnExample = document.getElementById("btnExample");
			btnExample.addEventListener("click", btnExampleClickHandler);
		}

		function btnExampleClickHandler() {
			alert("메세지입니다. 저는 다시는 보이지 않습니다.");
			btnExample.removeEventListener("click", btnExampleClickHandler);
		}
	</script>

</head>
<body>
	<button id="btnExample">한번만 메세지 띄우는 버튼</button>
</body>
</html>
출력 결과: