জাভাস্ক্রিপ্ট প্রদান করে 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.
