जावास्क्रिप्ट प्रदान करता है 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> जब हम उपरोक्त कोड को निष्पादित करते हैं तो हमें स्क्रीन पर निम्नलिखित प्रदर्शित होंगे
अगर हम "होवर मी" टेक्स्ट पर होवर करते हैं तो 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.
