dispatchEvent পদ্ধতি

dispatchEvent পদ্ধতি একটি উপাদানে ইভেন্ট অনুকরণ করতে দেয়। এটি কেন প্রয়োজন: ব্যবহারকারীর বাটনে ক্লিক, ফর্ম জমা দেওয়ার প্রচেষ্টা ইত্যাদি অনুকরণ করা যেতে পারে। এই ক্ষেত্রে, ইভেন্টটি event.isTrusted বৈশিষ্ট্য ছাড়া প্রকৃত ইভেন্ট থেকে আলাদা হবে না। এমনকি অ-মানক (আপনার দ্বারা উদ্ভাবিত) নাম সহ ইভেন্ট তৈরি করা সম্ভব এবং তারপর সঠিক মুহুর্তে সেগুলি কল করা সম্ভব। পদ্ধতিটি সেই উপাদানে প্রয়োগ করা হয় যার উপর ইভেন্ট কল করতে হবে। প্যারামিটার হিসেবে পদ্ধতিটি কনস্ট্রাক্টর new Event ব্যবহার করে তৈরি করা ইভেন্ট (অবজেক্ট) পায়।

সিনট্যাক্স

javascriptelement.dispatchEvent(event);

উদাহরণ

ধরুন আমাদের একটি বাটন আছে। এই বাটনে ক্লিক করলে একটি বার্তা দেখানো হয়। আসুন এমন করা যাক যাতে বাটনে মাউস নিয়ে যাওয়ার সময় বাটনটি মনে করে যে এতে ক্লিক করা হয়েছে:

html<button id="button">button</button>

javascriptlet button = document.querySelector('#button');

button.addEventListener('click', function() {
  alert('message');
});

button.addEventListener('mouseover', function() {
  let clickEvent = new Event('click'); // ইভেন্ট তৈরি করুন
  this.dispatchEvent(clickEvent); // বাটনে ক্লিক অনুকরণ করুন
});

Результат:

উদাহরণ

আপনি আপনার নিজস্ব ইভেন্ট (আপনার নিজস্ব নাম সহ) তৈরি করতে পারেন এবং তারপর সঠিক মুহুর্তে সেগুলি কল করতে পারেন। আসুন বাটনে একটি showMessage ইভেন্ট সংযুক্ত করি এবং মাউস নিয়ে যাওয়ার সময় এই ইভেন্টটি শুরু করি:

html<button id="button">বাটন</button>

javascriptlet button = document.querySelector('#button');

button.addEventListener('showMessage', function() {
  alert('message');
});

button.addEventListener('mouseover', function() {
  let showMessageEvent = new Event('showMessage'); // ইভেন্ট তৈরি করুন
  this.dispatchEvent(showMessageEvent); // ইভেন্ট ট্রিগার করুন
});

Результат: