Равиши dispatchEvent

Равиши dispatchEvent имкон медиҳад, ки ҳодисаеро дар унсур эҳё кунед. Ин барои чӣ лозим аст: шумо метавонед фишурдани корбарро дар тугма, кӯшиши фиристодани форм ва ғайраҳоро эҳё кунед. Дар ин ҳолат, ҳодиса аз ҳодисаи воқеӣ ҷуз хосияти event.isTrusted фарқ нахоҳад кард. Шумо ҳатто метавонед ҳодисаҳоеро бо номҳои ғайристандардӣ (ихтироъкардаи шумо) эҷод кунед ва сипас онҳоро дар лаҳзаи зарурӣ даъват кунед. Равиш ба унсуре, ки ҳодисаро дар он фаъол кардан лозим аст, истифода мешавад. Дар параметр равиш ҳодисаеро (объект) мегирад, ки бо истифода аз сохтгари new Event сохта шудааст.

Синтаксис

унсур.dispatchEvent(ҳодиса);

Намуна

Бигзор мо як тугма дошта бошем. Ҳангоми фишурдан ба ин тугма паёме чоп мешавад. Биёед тавре созем, ки ҳангоми роҳ додани муш ба тугма ин тугма фикр кунад, ки ба он клик карда шудааст:

<button id="button">тугма</button>

let тугма = document.querySelector('#тугма');

тугма.addEventListener('click', function() {
	alert('паём');
});

тугма.addEventListener('mouseover', function() {
	let кликҲодиса = new Event('click'); // ҳодиса эҷод мекунем
	this.dispatchEvent(кликҲодиса); // клик ба тугмаро эҳё мекунем
});

Намуна

Шумо метавонед ҳодисаҳои худро (бо номи худ) эҷод кунед ва сипас дар лаҳзаи зарурӣ онҳоро даъват кунед. Биёед ба тугма ҳодисаи showMessage-ро меҳвар кунем ва ба роҳ додани муш онро оғоз кунем:

<button id="button">тугма</button>

let тугма = document.querySelector('#тугма');

тугма.addEventListener('showMessage', function() {
	alert('паём');
});

тугма.addEventListener('mouseover', function() {
	let showMessageҲодиса = new Event('showMessage'); // ҳодиса эҷод мекунем
	this.dispatchEvent(showMessageҲодиса); // фаъолияти ҳодисаро даъват мекунем
});