new Event командаси

new Event командаси - вокеа объектини яратиш учун ишлатиладиган вокеа конструктори бўлиб, сўнгра бу вокеани dispatchEvent методи ёрдамида JavaScript орқали чакириш мумкин. Бу нима учун керак: фойдаланувчининг тугмани bосишини, формни юбориш урунишини ва шу каби вокеаларни такрорлаш мумкин. Бунда вокеа ҳақиқий вокеадан 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 хусусияти,
вокеаларни бўшатиш учун