জাভাস্ক্রিপ্টের ইভেন্টগুলি কী কী এবং সেগুলি কীভাবে পরিচালনা করা হয়?

জাভাস্ক্রিপ্টের ইভেন্টগুলি একটি ওয়েবপৃষ্ঠায় একটি গতিশীল ইন্টারফেস সরবরাহ করে। এই ইভেন্টগুলি ডকুমেন্ট অবজেক্ট মডেল (ডিওএম) এর উপাদানগুলির সাথে সংযুক্ত রয়েছে।

ইভেন্টগুলি ক্রিয়া বা সংঘটন যা সিস্টেমে ঘটে। প্রোগ্রামিং জগতে, ইভেন্টগুলি এমন কিছু যা HTML উপাদানগুলির সাথে ঘটে। কিন্তু যখন এইচটিএমএল পৃষ্ঠাগুলিতে ব্যবহৃত হয়, এটি এই ইভেন্টগুলিতে প্রতিক্রিয়া জানাতে পারে। এই নিবন্ধে, আমরা জাভাস্ক্রিপ্টে বিভিন্ন ধরণের ইভেন্টগুলি কীভাবে দেখছি এবং সেগুলি কীভাবে কাজ করে তা নীচের ক্রমে দেখব:



জাভাস্ক্রিপ্ট ইভেন্টগুলি কি কি?

জাভাস্ক্রিপ্টের এমন ইভেন্ট রয়েছে যা একটি ওয়েবপৃষ্ঠায় একটি গতিশীল ইন্টারফেস সরবরাহ করে। এই ইভেন্টগুলি উপাদানগুলির সাথে সংযুক্ত রয়েছে নথি অবজেক্ট মডেল (বিচার)।



এছাড়াও, ডিফল্টরূপে এই ইভেন্টগুলি শিশুদের কাছ থেকে পিতামাতার কাছে ডাবের উপরের দিকে বুদবুদ প্রচারের অর্থ ব্যবহার করে। আমরা ইনলাইন হিসাবে বা বাহ্যিক স্ক্রিপ্টে ইভেন্টগুলি বাঁধতে পারি। জাভাস্ক্রিপ্টের সাহায্যে, আপনি নির্দিষ্ট ইভেন্টগুলি কখন ঘটবে তা সনাক্ত করতে পারেন এবং এই ইভেন্টগুলির প্রতিক্রিয়াতে জিনিসগুলি ঘটতে পারে।

জাভাস্ক্রিপ্টে ইভেন্টের ধরণ

বিভিন্ন ধরণের ইভেন্ট রয়েছে যা ইভেন্টগুলিতে প্রতিক্রিয়া জানাতে ব্যবহৃত হয়। এখানে আমরা কয়েকটি বিখ্যাত বা সর্বাধিক ব্যবহৃত ইভেন্ট যেমন:



  • অনক্লিক
  • অনকিআপ
  • অনমাউসওভার
  • লোড
  • অনফোকাস

সুতরাং আসুন এবং উদাহরণস্বরূপ জাভাস্ক্রিপ্টে এই ইভেন্টগুলি দেখুন।

অনক্লিক ইভেন্ট

অনক্লিক ইভেন্টটি একটি মাউস ইভেন্ট এবং ব্যবহারকারী যদি বাধ্যতামূলক উপাদানটিতে ক্লিক করে তবে কোনও যুক্তি সংজ্ঞায়িত করে তোলে। আসুন একটি উদাহরণ নিই এবং এটি কীভাবে কাজ করে তা দেখুন:

ফাংশন edu () {সতর্কতা ('এডুরেকায় আপনাকে স্বাগতম!') But বোতামটি ক্লিক করুন

আউটপুট:



আউটপুট 1 - জাভাস্ক্রিপ্ট ইভেন্ট - এডুরেকা

বোতামটি ক্লিক করার পরে, আপনি নিম্নলিখিত সতর্কতা বার্তা পাবেন:

Onekeyup Event

এই ইভেন্টটি একটি কীবোর্ড ইভেন্ট এবং এটি চাপ দেওয়ার পরে যখনই কোনও কী প্রকাশিত হয় তখন নির্দেশাবলী কার্যকর করতে ব্যবহৃত হয়। নিম্নলিখিত উদাহরণটি ইভেন্টটির কাজ দেখায়:

var a = 0 var b = 0 var c = 0 ফাংশন চেঞ্জব্যাকগ্রাউন্ড () x var x = ডকুমেন্ট.getElementById ('বিজি') বিজি.স্টাইল.ব্যাকগ্রাউন্ড कलোর = 'আরজিবি (' + এ + ',' + বি + ',' + সি + ')' a + = 1 বি + = a + 1 সি + = বি + 1 যদি (ক> 255) a = ক - বি যদি (খ> 255) বি = এ যদি (সি> 255) সি = বি}

আউটপুট:

লাভ এবং হ্যাকিং এর বিপরীতে

আপনি কিছু লেখার পরে, এটি দেখতে এরকম দেখাচ্ছে:

অনমাউসওভার ইভেন্ট

জাভাস্ক্রিপ্ট-এ অনমোসওভার ইভেন্টটি উপাদান এবং তার বাচ্চাদের উপরে মাউস পয়েন্টারটিকে ঘুরিয়ে দেওয়ার সাথে সম্পর্কিত, যার সাথে এটি আবদ্ধ। উদাহরণটি নীচে দেখানো হয়েছে:

ফাংশন hov () {var e = document.getElementById ('হোভার') e.style.display = 'কিছুই নয়'}

আউটপুট:

মাউস ঘোরাবার আগে রঙিন বাক্সটি উপস্থিত হয়। আপনি বাক্সের উপর দিয়ে মাউস ঘোরা করার সাথে সাথে এটি অদৃশ্য হয়ে যাবে।

অনলোড ইভেন্ট

কোনও উপাদান সম্পূর্ণ লোড হয়ে গেলে লোড ইভেন্টটি সরিয়ে দেওয়া হয়। আসুন একটি উদাহরণ নিই এবং এটি কীভাবে কাজ করে তা দেখুন:

  এডু-লোগো 

আউটপুট:

অনফোকস ইভেন্ট

অনফোকাস ইভেন্টটিতে একটি উপাদান তালিকা রয়েছে যা যখনই ফোকাস পায় এটি নির্দেশাবলী কার্যকর করে। নীচের উদাহরণে অনফোকস ইভেন্টটি কীভাবে কাজ করে তা দেখায়:

ফাংশন ফোকাসড () e var e = document.getElementById ('ইনপুট') যদি (নিশ্চিত করুন ('ফোকাস ইভেন্ট')) {e.blur ()}}

ইনপুট বাক্সে ফোকাস করুন:

আউটপুট:

এগুলি জাভাস্ক্রিপ্টের বেশিরভাগ ঘন ঘন ব্যবহৃত ইভেন্ট। এটির সাথে আমরা আমাদের নিবন্ধটির শেষে এসেছি। আমি আশা করি আপনি কী ঘটনাগুলি এবং কীভাবে ব্যবহৃত হয় তা বুঝতে পেরেছিলেন।

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

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