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

জাভাস্ক্রিপ্ট HTML DOM-এ এলিমেন্টে ইভেন্ট হ্যান্ডলার যোগ করা

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

উদাহরণ

<!DOCTYPE html> <html>    <body>       <p>নিচের বোতামে ক্লিক করুন।</p>       <button id = "btnid">ক্লিক করুন</button>       <p id = "pid"></p>       <script>          document.getElementById("btnid").addEventListener("click", displayEvent);          function displayEvent() {             document.getElementById("pid").innerHTML = Date();          }       </script>    </body> </html>

ব্যাখ্যা: addEventListener(event, function, useCapture) তিনটি প্যারামিটার নেয়: ইভেন্ট টাইপ (যেমন "click"), কলব্যাক ফাংশন, এবং ঐচ্ছিক বুলিয়ান মান (ডিফল্ট false) যা ইভেন্ট ফ্লো নির্দেশ করে। এটি আধুনিক এবং সুপারিশ করা পদ্ধতি।

  1. জাভাস্ক্রিপ্টে নির্দিষ্ট এলিমেন্টে ইভেন্ট হ্যান্ডলার কীভাবে যোগ করবেন

  2. জাভাস্ক্রিপ্ট দিয়ে এলিমেন্টে ক্লাস নাম যোগ করা

  3. HTML-এ এলিমেন্টের মান কীভাবে যোগ করবেন?

  4. HTML DOM DragEvent