একই এলিমেন্টে একাধিক ইভেন্ট হ্যান্ডলার যোগ করতে addEventListener() মেথড একাধিকবার কল করুন। প্রতিটি হ্যান্ডলারের জন্য আলাদা addEventListener() কল দরকার।
উদাহরণ
নিচের কোডটি চালিয়ে একাধিক ইভেন্ট হ্যান্ডলার যোগ করার পদ্ধতি শিখুন:
<!DOCTYPE html> <html> <body> <p>নিচের বোতামে একবার ক্লিক করে তারিখ পান।</p> <p>নিচের বোতামে দুবার ক্লিক করে অ্যালার্ট বক্স পান।</p> <button id="btnid"> ক্লিক করুন </button> <p id="pid"></p> <script> document.getElementById("btnid").addEventListener("click", displayEvent); var res = document.getElementById("btnid"); res.addEventListener("dblclick", myFunction); function displayEvent() { document.getElementById("pid").innerHTML = Date(); } function myFunction() { alert ("আপনি বোতামটি দুবার ক্লিক করেছেন!"); } </script> </body> </html>
ব্যাখ্যা: একই বোতামে click এবং dblclick — দুটি ভিন্ন ইভেন্টের জন্য আলাদা হ্যান্ডলার সংযুক্ত করা হয়েছে। এটি পূর্ণাঙ্গভাবে সমর্থিত এবং পrundeর কোডের মাধ্যমে বোঝানো হয়েছে।
