কম্যান্ড new Event

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

সিনট্যাক্স

new Event(ইভেন্টের ধরন, [ফ্ল্যাগগুলি]);

উদাহরণ

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

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

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

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

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

উদাহরণ

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

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

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

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

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

আরও দেখুন

addEventListener প্রপার্টি,
যা ইভেন্টগুলি সংযুক্ত করে
removeEventListener প্রপার্টি,
যা ইভেন্টগুলি বিযুক্ত করে