জাভাস্ক্রিপ্টে ইভেন্ট অবজেক্টের সাথে কাজ করার মৌলিক বিষয়
এই পাঠে আমরা Event অবজেক্টের সাথে কাজ করার মৌলিক বিষয়গুলি অধ্যয়ন করব।
এই অবজেক্টটিতে সংঘটিত ইভেন্ট সম্পর্কিত তথ্য অন্তর্ভুক্ত থাকে।
উদাহরণস্বরূপ, যদি একটি এলিমেন্টে ক্লিক করা হয়,
আমরা সেই ক্লিকের স্থানাঙ্ক জানতে পারি,
Ctrl, Alt
বা Shift কী চাপা ছিল কিনা
ক্লিকের মুহূর্তে এবং আরও অনেক কিছু।
চলুন দেখি কিভাবে Event অবজেক্ট পাওয়া যায়।
ধরুন আমাদের একটি বাটন আছে:
<button id="elem">text</button>
ধরুন এই বাটনে ক্লিক করলে একটি নির্দিষ্ট ফাংশন কার্যকর হয়:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function() {
});
বাউন্ড ফাংশনের ভিতরেই ইতিমধ্যেই Event অবজেক্ট আছে -
আমরা শুধু এখনও জানি না কিভাবে এটি পাওয়া যায়।
এটি নিম্নলিখিতভাবে পাওয়া যায়:
আমাদের ফাংশন ঘোষণা করার সময় এটির মধ্যে একটি প্যারামিটার হিসাবে যেকোনো ভেরিয়েবল পাঠাতে হবে
(সাধারণত, event - কিন্তু নাম যেকোনো হতে পারে)
এবং এই ভেরিয়েবলে ব্রাউজার
স্বয়ংক্রিয়ভাবে Event অবজেক্টটি রাখবে:
elem.addEventListener('click', function(event) {
console.log(event); // ইভেন্ট অবজেক্ট দেখতে পাবেন
});
বর্ণিত ম্যানিপুলেশনগুলি নিজে থেকে করুন এবং ইভেন্ট অবজেক্টটি কনসোলে আউটপুট করুন। এই অবজেক্টের গঠন অধ্যয়ন করুন।
