জাভাস্ক্রিপ্টে ব্রাউজার ইভেন্টের ভূমিকা

একটি ঘটনা একটি সংকেত যে কিছু ঘটেছে।

উদাহরণ স্বরূপ, DOM-এ কিছু বিল্ট-ইন ইভেন্ট হল −

• ক্লিক করুন − একটি পয়েন্টিং ডিভাইস বোতাম (যেকোনো বোতাম; শীঘ্রই প্রাথমিক বোতাম হবে) টিপে দেওয়া হয়েছে এবং একটি উপাদানে ছেড়ে দেওয়া হয়েছে৷

• মাউসওভার − একটি নির্দেশক যন্ত্র সেই উপাদানে সরানো হয় যেটিতে শ্রোতা সংযুক্ত থাকে বা তার সন্তানদের মধ্যে একটির ওপরে থাকে৷

• কীআপ − যে কোনো কী প্রকাশ করা হয়

• লোড করুন − একটি সংস্থান এবং এর নির্ভরশীল সংস্থানগুলি লোড করা শেষ হয়েছে৷

  ৷

আপনি −

new Event('my-event');

আপনি dispatchEvent −

HTML −

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

জেএস −

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

addEventListener-

HTML −

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

জেএস −

const myDiv = document.querySelector('#my-div')
myDiv.addEventListener(
   // Event for which we want to listen
   'my-event',
   // Handler Function
   (e) => alert('Event fired!')
);
myDiv.dispatchEvent(new Event('my-event'));

উপরের কোডটি চালানোর ফলে আমাদের ডিভিতে একটি ইভেন্ট লিসেনার সংযুক্ত হবে যেটি আমার-ইভেন্ট ইভেন্টগুলি শুনবে। যখন এটি এই ইভেন্টের মুখোমুখি হয় তখন এটি কলব্যাক ফাংশনকে কল করবে৷

যেহেতু আমরা এই ইভেন্টটি প্রেরণ করছি, এটি অবিলম্বে বরখাস্ত করা হবে এবং আমরা সতর্কতা বাক্সটি দেখতে পাব৷