dispatchEvent методу

dispatchEvent методу элементте окуяны имитациялоого мүмкүндүк берет. Эмне үчүн керек: колдонуучунун баскычты басуусун, форманы жөнөтүү аракетин жана башкаларды имитациялоого болот. Бул учурда окуя чыныгы окуядан event.isTrusted касиетинен башка эч нерсе менен айырмаланбайт. Стандарттык эмес (өзүңүз ойлоп тапкан) аталыштардагы окуяларды түзүп, андан кийин аларды керектуу учурда чакырууга болот. Метод окуяны чакырткыңыз келген элементке колдонулат. Параметр катары ал конструктор менен түзүлгөн окуяны (объектти) алат new Event.

Синтаксис

элемент.dispatchEvent(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); // окуянын аткарылышын чакырабыз
});