자바스크립트는 removeEventListener() 제공 이벤트 핸들러를 제거하는 방법 . 이벤트는 addEvenetListener()를 통해 처리됩니다. 방법. removeEventListener() 메소드는 해당 addEventListener()로 연결된 이벤트 핸들러를 제거합니다. 방법.
예시
<html>
<body>
<h3 id="add">Hover me </h3>
<p id="remove"> </p>
<h3>Click this button to stop hovering effect </h3>
<input type ="button" id="clickIt" onclick="RespondClick()" value ="remove">
<script>
const listener = document.getElementById("add");
listener.addEventListener("mouseover", RespondMouseOver);
function RespondMouseOver() {
document.getElementById("remove").innerHTML += 1+ "</br>";
}
function RespondClick() {
listener.removeEventListener("mouseover", RespondMouseOver);
document.getElementById("remove").innerHTML += 0;
}
</script>
</body>
</html> 위의 코드를 실행하면 화면에 다음이 표시됩니다.
"Hover me" 텍스트에 마우스를 가져가면 1이 나타납니다. 호버링 횟수, 1이 생성된 횟수입니다. 텍스트를 4번 가리키면 화면에서 다음이 실행됩니다.
출력
To stop the event handler, we have to click on the "remove" button. After clicking on the remove button we get '0' displayed on the screen and later on even though we hover on the text no 1's will be produced as shown in the figure.
