Команди new Event

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

Синтаксис

new Event(навъи рӯйдод, [парчамҳо]);

Намуна

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

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

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

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

button.addEventListener('mouseover', function() {
	let clickEvent = new Event('click'); // рӯйдодро эҷод мекунем
	this.dispatchEvent(clickEvent); // клик ба тугмаро тақлид мекунем
});

Намуна

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

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

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

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

button.addEventListener('mouseover', function() {
	let showMessageEvent = new Event('showMessage'); // рӯйдодро эҷод мекунем
	this.dispatchEvent(showMessageEvent); // ба амал омадани рӯйдодро даъват мекунем
});

Ҳамчунин нигаред

хосияти addEventListener,
ки рӯйдодҳоро пайваст мекунад
хосияти removeEventListener,
ки рӯйдодҳоро ҷудо мекунад