জাভাস্ক্রিপ্টে addEventListener () পদ্ধতি কীভাবে প্রয়োগ করবেন?

অ্যাডএভেন্টলিস্টনার () হ'ল একটি ইনবিল্ট জাভাস্ক্রিপ্ট ফাংশন যা বর্ণনাটি শোনার জন্য এবং যখন বর্ণিত ইভেন্টটি সরিয়ে ফেলা হয় তখন ডাকে to

একটি ইভেন্ট এর একটি গুরুত্বপূর্ণ অংশ .এর ওয়েব পৃষ্ঠাটি ঘটেছে এমন একটি ঘটনা অনুসারে সাড়া দেয়। কিছু ইভেন্ট ব্যবহারকারী দ্বারা উত্পাদিত হয় এবং কিছু এপিআই এর দ্বারা উত্পাদিত হয়। এই নিবন্ধে, আমরা কীভাবে ঘটনাগুলি ঘটবে এবং জাভাস্ক্রিপ্টে কীভাবে পদ্ধতি, অ্যাডএভেন্টলিস্টনার নিম্নলিখিত ক্রমটিতে ব্যবহৃত হবে তা দেখব:



ইভেন্ট শ্রোতা কি?

একটি ইভেন্ট শ্রোতা জাভাস্ক্রিপ্টে একটি প্রক্রিয়া যা কোনও ইভেন্ট হওয়ার জন্য অপেক্ষা করে। এর একটি সহজ উদাহরণ ইভেন্ট এমন একটি ব্যবহারকারী যা মাউস ক্লিক করছে বা কীবোর্ডে একটি কী টিপছে।



দ্য addEventListener () একটি অন্তর্নির্মিত জাভাস্ক্রিপ্ট ফাংশন যা ইভেন্টটি শোনার জন্য গ্রহণ করে এবং বর্ণিত ইভেন্টটি যখনই বরখাস্ত হয় তখনই দ্বিতীয় তর্কটি ডাকা হয়। বিদ্যমান ইভেন্ট হ্যান্ডলারের ওভাররাইট না করে যে কোনও সংখ্যক ইভেন্ট হ্যান্ডলার যুক্ত করা যেতে পারে একটি একক উপাদানে।

জাভাস্ক্রিপ্ট এ addEventListener ()

কিছু বৈশিষ্ট্য ইভেন্ট শ্রোতার পদ্ধতির অন্তর্ভুক্ত:



  • দ্য addEventListener () পদ্ধতি সংযুক্ত করে একটি অনুষ্ঠান পরিচালনাকারী নির্দিষ্ট উপাদান।
  • এই পদ্ধতিটি ছাড়াই কোনও ইভেন্টের সাথে ইভেন্ট হ্যান্ডলার সংযুক্ত করে ওভাররাইট করা বিদ্যমান ইভেন্ট হ্যান্ডলার
  • তুমি যোগ করতে পার অনেক ইভেন্ট হ্যান্ডলার একটি উপাদান।
  • আপনি এর অনেক ইভেন্ট হ্যান্ডলার যুক্ত করতে পারেন একই রকম একজনের প্রতি উপাদান , অর্থাৎ দুটি 'ক্লিক' ইভেন্ট ”
  • ইভেন্ট শ্রোতাদের যে কোনওটিতে যুক্ত করা যেতে পারে বিচার না শুধুমাত্র এইচটিএমএল উপাদান অবজেক্ট। অর্থাত উইন্ডো অবজেক্ট।
  • AddEventListener () পদ্ধতিটি এটি তৈরি করে সহজ কিভাবে নিয়ন্ত্রণ করতে ইভেন্ট প্রতিক্রিয়া বুদবুদ।

AddEventListener () পদ্ধতি ব্যবহার করার সময়, জাভাস্ক্রিপ্টটি থেকে পৃথক করা হয় উন্নত পঠনযোগ্যতার জন্য মার্কআপ, এবং আপনি এইচটিএমএল মার্কআপ নিয়ন্ত্রণ না করলেও আপনাকে ইভেন্ট শ্রোতা যুক্ত করতে দেয়।

এছাড়াও, আপনি ব্যবহার করে কোনও ইভেন্ট শ্রোতার সহজেই মুছে ফেলতে পারেন অপসারণের তালিকাভুক্তকরণ () পদ্ধতি

বাক্য গঠন:



target.addEventListener (প্রকার, শ্রোতা [, বিকল্প]]

প্যারামিটারের মান

প্যারামিটার বর্ণনা

ইভেন্ট

প্রয়োজনীয় একটি স্ট্রিং যা ইভেন্টটির নাম নির্দিষ্ট করে।

দ্রষ্টব্য: 'অন' উপসর্গটি ব্যবহার করবেন না। উদাহরণস্বরূপ, 'অনক্লিক' এর পরিবর্তে 'ক্লিক করুন' ব্যবহার করুন।

সমস্ত এইচটিএমএল ডিওএম ইভেন্টের তালিকার জন্য আমাদের সম্পূর্ণ এইচটিএমএল ডিওএম ইভেন্ট অবজেক্ট রেফারেন্সটি দেখুন।

ফাংশন

প্রয়োজনীয় ইভেন্টটি ঘটে যখন চালানোর জন্য ফাংশন নির্দিষ্ট করে।

ইভেন্টটি ঘটে গেলে কোনও ইভেন্ট অবজেক্টটি প্রথম প্যারামিটার হিসাবে ফাংশনে স্থানান্তরিত হয়। ইভেন্টের ধরণ অবজেক্ট নির্দিষ্ট ইভেন্টের উপর নির্ভর করে। উদাহরণস্বরূপ, 'ক্লিক' ইভেন্টটি মাউসএভেন্ট অবজেক্টের অন্তর্গত।

ব্যবহারক্যাপচার

জাভা স্থির ব্লক উদাহরণ

.চ্ছিক। একটি বুলিয়ান মান যা ইভেন্টটি ক্যাপচারে বা বুদবুদ পর্যায়ে কার্যকর করা উচিত তা নির্দিষ্ট করে।

সম্ভাব্য মানগুলি: সত্য - ইভেন্ট হ্যান্ডলারটি ক্যাপচারিং ফেজফালস-ডিফল্টে কার্যকর করা হয়। ইভেন্ট হ্যান্ডলার বুদবুদ পর্বে কার্যকর করা হয়


কোনও ইভেন্ট শ্রোতা কীভাবে কাজ করে তা আপনি এখন জানেন, আসুন জাভাস্ক্রিপ্টে অ্যাডভেন্টলিস্টনার () এর উদাহরণ দেখুন।

জাভাস্ক্রিপ্টে addEventListener (): উদাহরণ

 
& lt! ডক্টেইপি এইচটিএমএল এবং জিটি & এলটিটিএমএল এবং জিটি & এলটিপি & জিটিএই উদাহরণটি কোনও ব্যবহারকারীর বোতামে ক্লিক করলে একটি ফাংশন সম্পাদন করতে অ্যাডএেন্টলাইস্টেনার () পদ্ধতি ব্যবহার করে & ('myBtn')। addEventListener ('ক্লিক', myFunction) ফাংশন myFunction ()। document.getElementById ('ডেমো') inner

জাভাস্ক্রিপ্টে addEventListener

এটির সাথে আমরা জাভাস্ক্রিপ্টের এই অ্যাডভেন্টলিস্টনারটির শেষে এসেছি। আমি আশা করি আপনি কীভাবে ইভেন্ট শ্রোতা বুঝতে পেরেছেন পদ্ধতি জাভাস্ক্রিপ্টে কাজ করে।

আমাদের দেখুন যা প্রশিক্ষকের নেতৃত্বাধীন লাইভ প্রশিক্ষণ এবং বাস্তব জীবনের প্রকল্পের অভিজ্ঞতার সাথে আসে। এই প্রশিক্ষণটি আপনাকে ব্যাক-এন্ড এবং ফ্রন্ট-এন্ড ওয়েব প্রযুক্তিগুলির সাথে কাজ করার দক্ষতায় দক্ষ করে তোলে। এটিতে ওয়েব ডেভলপমেন্ট, জিক্যুয়ারি, অ্যাঙ্গুলার, নোডজেএস, এক্সপ্রেসজেএস এবং মঙ্গোডিবি প্রশিক্ষণ অন্তর্ভুক্ত রয়েছে।

আমাদের জন্য একটি প্রশ্ন আছে? দয়া করে এটি 'জাভাস্ক্রিপ্টে অ্যাডভেন্টলিস্টনার' ব্লগের মন্তব্য বিভাগে উল্লেখ করুন এবং আমরা আপনার কাছে ফিরে আসব।