কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্টে removeEventListener() মেথডের ব্যবহার

addEventListener() মেথড দ্বারা সংযুক্ত ইভেন্ট হ্যান্ডলার সরাতে জাভাস্ক্রিপ্টে removeEventListener() মেথড ব্যবহার করুন।

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          #box {             background-color: gray;             border: 2px dashed;          }       </style>    </head>    <body>       <div id="box">ডেমো টেক্সট!          <p>নিচে ক্লিক করে ইভেন্ট হ্যান্ডলার সরান।</p>          <button onclick="removeEvent()" id = "btnid">সরান</button>       </div>       <p id="pid"></p>       <script>          document.getElementById("box").addEventListener("mousemove", display);          function display() {             document.getElementById("pid").innerHTML = Math.random();          }          function removeEvent() {             document.getElementById("box").removeEventListener("mousemove", display);          }       </script>    </body> </html>

গুরুত্বপূর্ণ: removeEventListener() কাজ করতে হলে একই ফাংশন রেফারেন্স, একই ইভেন্ট টাইপ এবং একই ক্যাপচারিং/বাবলিং ফেজ ব্যবহার করতে হবে যা addEventListener()-এ ব্যবহার করা হয়েছিল। বেনামী ফাংশন (anonymous function) ব্যবহার করলে এটি সরানো সম্ভব নয়।

  1. জাভাস্ক্রিপ্ট HTML DOM-এ addEventListener() মেথডের ব্যবহার

  2. জাভাস্ক্রিপ্ট দিয়ে এলিমেন্ট থেকে ক্লাস নাম মুছে ফেলা

  3. জাভাস্ক্রিপ্ট removeEventListener() মেথড উদাহরণসহ

  4. MongoDB-এ স্টোরড জাভাস্ক্রিপ্ট ফাংশন ব্যবহার করা