JavaScript ব্যবহার করে event.targe-এর একটি নির্দিষ্ট ক্লাস আছে কিনা তা পরীক্ষা করুন

CSS স্টাইলিং ব্যবহার করে উপাদান স্টাইল করুন। এটি করতে, একটি CSS ক্লাস তৈরি করুন ' .div সমস্ত div উপাদানের জন্য:

একটা তৈরি কর ' কেন্দ্র পৃষ্ঠার কেন্দ্রে উপাদান সেট করার জন্য ক্লাস:

এখন, স্টাইলিংয়ের জন্য, প্রতিটি ডিভ পৃথকভাবে তাদের জন্য একটি CSS ক্লাস তৈরি করে। প্রথম ডিভের জন্য, পটভূমির রঙ সেট করুন ' লাল ' মধ্যে ' div1 স্টাইল 'শ্রেণী:

দ্বিতীয় ডিভের জন্য, পটভূমির রঙ সেট করুন ' মূলা গোলাপী ' ব্যবহার করে ' rgba(194, 54, 77) 'এ কোড' div2Style 'শ্রেণী:

পটভূমির রঙ সেট করুন ' গোলাপী তৃতীয় ডিভের ” তৈরি করে div3 স্টাইল 'শ্রেণী:

উপরের এইচটিএমএল কোডটি চালানোর পরে, আউটপুটটি এরকম দেখাবে:

এখন, একটি জাভাস্ক্রিপ্ট ফাইল বা একটি ' লিপি ” ট্যাগ, event.target-এর একটি নির্দিষ্ট ক্লাস আছে কি না তা পরীক্ষা করতে নীচের দেওয়া কোডটি ব্যবহার করুন:

উপরের কোড স্নিপেটে:

• প্রথমে, একটি ক্লিক ইভেন্টে একটি ইভেন্ট শ্রোতা সংযুক্ত করুন যা DOM-এ প্রতিটি ক্লিক পরিচালনা করবে।
• তারপর, ট্রিগার করা ইভেন্টে সিএসএস ক্লাস আছে কিনা তা পরীক্ষা করুন “ কেন্দ্র 'বা না' এর সাহায্যে classList.class() 'পদ্ধতি।

আউটপুট

উপরের GIF দেখায় যে div1-এ ' কেন্দ্র 'ক্লাস যেমন দেখায়' সত্য ', যখন div2 এবং div3 প্রদর্শন করে ' মিথ্যা ' সতর্কতা বাক্সে, যার মানে তারা ধারণ করে না ' কেন্দ্র 'শ্রেণী।

পদ্ধতি 2: ম্যাচ() পদ্ধতি ব্যবহার করে event.targe-এর একটি নির্দিষ্ট ক্লাস আছে কিনা তা পরীক্ষা করুন

আরেকটি জাভাস্ক্রিপ্ট পূর্বনির্ধারিত পদ্ধতি যাকে বলা হয় “ মিল() ” একটি নির্দিষ্ট শ্রেণী একটি উপাদান বা একটি ইভেন্টের অন্তর্গত কিনা তা পরীক্ষা করতে ব্যবহার করা যেতে পারে। দ্য ' শ্রেণির নাম ” একটি উপাদান বা লক্ষ্য ইভেন্ট একটি নির্দিষ্ট শ্রেণী অন্তর্ভুক্ত কিনা তা নির্ধারণ করার জন্য প্রয়োজনীয় একমাত্র প্যারামিটার।

বাক্য গঠন

নিচের প্রদত্ত সিনট্যাক্সটি ম্যাচ() পদ্ধতির জন্য ব্যবহার করা হয়:

উপরের সিনট্যাক্সে,

• ' ঘটনা।লক্ষ্য ” হল একটি ট্রিগার করা ইভেন্ট যা পরীক্ষা করা হবে এতে নির্দিষ্ট শ্রেণী আছে কি না।
• দ্য ' শ্রেণির নাম ” CSS ক্লাসের নাম নির্দেশ করে যা ট্রিগার করা ইভেন্টের একটি অংশ। ম্যাচস() পদ্ধতিটি ক্লাসের নামকে একটি ডট (.) দিয়ে একত্রিত করে যা 'শব্দটিকে বোঝায়। ক্লাস ”

ফেরত মূল্য

যদি টার্গেট ইভেন্টের একটি ক্লাস থাকে তবে এটি 'রিটার্ন করে' সত্য 'অন্য,' মিথ্যা ” ফেরত দেওয়া হয়।

উদাহরণ

একটি JavaScript ফাইল বা একটি স্ক্রিপ্ট ট্যাগে, নিচের কোডের লাইনগুলি ব্যবহার করে পরীক্ষা করুন যে event.target-এর একটি নির্দিষ্ট শ্রেণী আছে কি না ' মিল() 'পদ্ধতি:

কোডের উপরের লাইনগুলিতে:

• প্রথমে, একটি ক্লিক ইভেন্টে একটি ইভেন্ট শ্রোতা সংযুক্ত করুন যা DOM-এ প্রতিটি ক্লিক পরিচালনা করবে।
• তারপর, পরীক্ষা করে দেখুন ' div3 স্টাইল ' CSS ক্লাস একটি ট্রিগার ইভেন্টে বিদ্যমান ' ব্যবহার করে মিল() 'পদ্ধতি।
• এটি উপস্থিত থাকলে, সতর্কতা() একটি বার্তা দেখায় ' সত্য ', অন্যথায়' মিথ্যা ”

আউটপুট

উপরের GIF দেখায় যে শুধুমাত্র div3 তে ' div3 স্টাইল 'ক্লাস যেমন দেখায়' সত্য ”

উপসংহার

একটি ট্রিগার করা ইভেন্টের একটি নির্দিষ্ট শ্রেণী আছে কিনা তা নির্ধারণ করতে, JavaScript ব্যবহার করুন “ রয়েছে() 'পদ্ধতি বা ' মিল() 'পদ্ধতি। যাইহোক, contains() পদ্ধতি একটি উপাদানের শ্রেণী নির্ধারণ করতে ব্যবহৃত সবচেয়ে দরকারী পদ্ধতির একটি। উভয় পদ্ধতি ফিরে আসে ' সত্য 'যদি ট্রিগার করা ইভেন্টের অন্য ক্লাস থাকে' মিথ্যা ” ফেরত দেওয়া হয়। এই পোস্টটি ইভেন্ট.টার্গেটের একটি নির্দিষ্ট ক্লাস আছে কিনা বা জাভাস্ক্রিপ্ট ব্যবহার করছে না তা নির্ধারণ করার পদ্ধতিগুলি ব্যাখ্যা করা হয়েছে।