off পদ্ধতি

off পদ্ধতি একটি উপাদান থেকে ইভেন্ট হ্যান্ডলার আনবাইন্ড করতে দেয়। একটি হ্যান্ডলার বাইন্ড করতে আপনি off পদ্ধতি ব্যবহার করতে পারেন।

বাক্য গঠন

এভাবে আমরা একটি উপাদান থেকে একটি ইভেন্ট হ্যান্ডলার অপসারণ করি, প্রথম প্যারামিটার হিসেবে একটি স্ট্রিং আকারে একটি বা একাধিক ইভেন্ট পাস করা হয় স্পেস দ্বারা আলাদা করা, দ্বিতীয়টি - আমরা একটি অতিরিক্ত ফিল্টারিং সিলেক্টর পাস করি উপাদানের ভিতরের সন্তানদের জন্য (এটি on পদ্ধতিতে আমরা যা পাস করেছিলাম তার সাথে মিলতে হবে যখন হ্যান্ডলার সংযুক্ত করেছিলাম)। সমস্ত ডেলিগেটেড ইভেন্ট অপসারণ করতে, '**' মান পাস করুন। দ্বিতীয় প্যারামিটার ঐচ্ছিক। তৃতীয়টি আমরা ফাংশন-হ্যান্ডলার পাস করি (যেটি আমরা সংযুক্ত করেছিলাম), যাতে ইভেন্ট অবজেক্ট পাস করা হয় অথবা আমরা false পাস করি:

javascript$(সিলেক্টর).off(ইভেন্টগুলি, [সিলেক্টর], ফাংশন-হ্যান্ডলার(ইভেন্ট অবজেক্ট));

off পদ্ধতি অন্য ভাবে ব্যবহার করা যেতে পারে, তারপর প্রথম প্যারামিটারে একটি জাভাস্ক্রিপ্ট অবজেক্ট পাস করা হয়, যেখানে কীগুলি - ইভেন্টের ধরন, এবং মানগুলি - ফাংশন-হ্যান্ডলার, যা আমরা যোগ করেছিলাম উপাদানটিতে:

javascript$(সিলেক্টর).off({'ইভেন্টের ধরন': handler}, [সিলেক্টর]);

আমরা কেবল একটি প্যারামিটার পাস করতে পারি jQuery.Event অবজেক্ট আকারে:

javascript$(সিলেক্টর).off(ইভেন্ট);

যদি পদ্ধতিতে কোন প্যারামিটার না পাস করা হয়, তাহলে আমরা উপাদান থেকে সমস্ত সংযুক্ত হ্যান্ডলার আনবাইন্ড করব:

javascript$(সিলেক্টর).off();

উদাহরণ

আসুন অনুচ্ছেদগুলিতে testFunc ফাংশন-হ্যান্ডলার যোগ করি। কিন্তু অবিলম্বে দ্বিতীয় অনুচ্ছেদ থেকে হ্যান্ডলার অপসারণ করব, এইভাবে দ্বিতীয় অনুচ্ছেদে ক্লিক করা কোন ফলাফল দেবে না (যদি আমরা কোডের শেষ লাইনটি কমেন্ট আউট করি, তবে আমরা দেখব কিভাবে ইভেন্টটি ট্রিগার হয় এবং দ্বিতীয় অনুচ্ছেদে ক্লিক করলে):

html<p id="test1">click1</p>
<p id="test2">click2</p>

javascriptfunction testFunc(event) {
  alert(event.data.text);
}

$('#test1').on('click', {text: 'aaa'}, testFunc); // হ্যান্ডলার যোগ করছি

$('#test2').on('click', {text: 'bbb'}, testFunc); // হ্যান্ডলার যোগ করছি
$('#test2').off('click', testFunc); // হ্যান্ডলার অপসারণ করছি

আরও দেখুন