জাভাস্ক্রিপ্ট ব্রাউজার ইভেন্ট পরিচিতি

ইভেন্ট হলো একটি সংকেত যে কিছু ঘটেছে।

উদাহরণস্বরূপ, ডिओএম-এ কিছু বিল্ট-ইন ইভেন্ট:

• click - একটি পয়েন্টিং ডিভাইস বাটন (যেকোনো বাটন) একটি এলিমেন্টে চাপা ও ছাড়া হয়েছে।
• mouseover - একটি পয়েন্টিং ডিভাইস श्रোতা যুক্ত এলিমেন্ট বা তার চাইল্ডের ওপর এসেছে।
• keyup - যেকোনো কি ছাড়া হয়েছে।
• load - একটি রিসোর্স এবং এর ডিপেন্ডেন্ট রিসোর্স লোডিং শেষ হয়েছে।

আপনি নিজের ইভেন্ট তৈরি করতে পারেন:

new Event('my-event');

এই ইভেন্টগুলো ডিসপ্যাচ করতে পারেন dispatchEvent দিয়ে:

HTML

<div id="my-div"></div>

JS

const myDiv = document.querySelector('#my-div');
myDiv.dispatchEvent(new Event('my-event'));

ইভেন্ট লিসেনার যোগ করতে addEventListener ব্যবহার করুন:

HTML

<div id="my-div"></div>

JS

const myDiv = document.querySelector('#my-div');
myDiv.addEventListener(
  'my-event',
  (e) => alert('Event fired!')
);
myDiv.dispatchEvent(new Event('my-event'));

উপরের কোড রান করলে ডিভে my-event লিসেনার জোড়া হবে। ইভেন্ট ডিসপ্যাচ করলে ক্যালব্যাক ফাংশন কল হবে এবং অ্যালার্ট বক্স দেখাবে।