jQuery-এ ইভেন্ট ডেলিগেশন একটি কার্যকর পদ্ধতি যা ডাইনামিকভাবে তৈরি হওয়া এলিমেন্টগুলোতেও ইভেন্ট হ্যান্ডলারস অ্যাপ্লাই করতে সাহায্য করে। এটি on() এবং off() মেথডগুলোর মাধ্যমে সম্পাদিত হয়।
ইভেন্ট ডেলিগেশনের প্রয়োজনীয়তা
যখন আপনার পেজে ডাইনামিকভাবে কনটেন্ট যোগ করা হয়, তখন সেই নতুন এলিমেন্টগুলোতে সরাসরি ইভেন্ট হ্যান্ডলার যোগ করা সম্ভব হয় না যদি তা পেজ লোড হওয়ার পরে যোগ করা হয়। ইভেন্ট ডেলিগেশন এই সমস্যার সমাধান করে।
on() মেথড
on() মেথড ডকুমেন্টের যেকোনো সময় তৈরি হওয়া এলিমেন্টগুলোতে ইভেন্ট হ্যান্ডলারস অ্যাপ্লাই করার জন্য ব্যবহার করা হয়। এটি একটি বিশেষ এলিমেন্টে না বসে একটি প্যারেন্ট এলিমেন্টে সেট করা হয় এবং স্পেসিফিক টার্গেটগুলোতে ফিল্টার করা হয়।
ব্যবহারের উদাহরণ:
$(document).on("click", ".clickable", function() {
alert("Clicked!");
});
এখানে, যেকোনো .clickable ক্লাস যুক্ত এলিমেন্টে ক্লিক করলে ইভেন্ট ট্রিগার হবে, যা পরবর্তীতে যোগ করা হলেও কাজ করবে।
off() মেথড
off() মেথড ব্যবহার করে ইভেন্ট হ্যান্ডলারগুলি অপসারণ করা যায়। এটি যদি কোনো স্পেসিফিক ইভেন্ট বা ফাংশনকে ডিসেবল করার প্রয়োজন হয়, তাহলে কাজে আসে।
ব্যবহারের উদাহরণ:
$("#disableButton").click(function() {
$(document).off("click", ".clickable");
});
এই কোডের মাধ্যমে, .clickable ক্লাসের জন্য নির্দিষ্ট ক্লিক ইভেন্টটি ডিসেবল করা হবে।
সারাংশ
jQuery-র on() এবং off() মেথডগুলি ইভেন্ট হ্যান্ডলিংকে অনেক সহজ এবং ফ্লেক্সিবল করে তোলে। on() মেথড দিয়ে ইভেন্ট ডেলিগেশন সহজে হ্যান্ডল করা যায়, এবং off() মেথড ইভেন্টগুলিকে অপসারণ বা ডিসেবল করার সুযোগ দেয়। এগুলি বিশেষ করে ডাইনামিক কনটেন্ট হ্যান্ডল করার ক্ষেত্রে অত্যন্ত কার্যকর।
Read more
