new Event командаси

new Event командаси - вокеа объектини яратиш учун ишлатиладиган вокеа конструктори бўлиб, сўнгра бу вокеани dispatchEvent методи ёрдамида JavaScript орқали чакириш мумкин. Бу нима учун керак: фойдаланувчининг тугмани bосишини, формни юбориш урунишини ва шу каби вокеаларни такрорлаш мумкин. Бунда вокеа ҳақиқий вокеадан event.isTrusted хусусиятидан ташқари бирон нарсада фарқ қилмайди. Ҳатто ностандарт (ўзингиз тўпинган) номларга эга вокеаларни яратиб, керакли пайтда уларни чакириш мумкин.

Синтаксис

javascriptnew Event(вокеа тури, [флаглар]);

Мисол

Бизда бир тугма бор дейлик. Ушбу тугмани босганда хабар чиқади. Келинг, сичқонча тугма устига келтирилганда шу тугма ўзига босилгандек ҳисоблашин таъминлаймиз:

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

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

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

button.addEventListener('mouseover', function() {
  let clickEvent = new Event('click'); // вокеани яратамиз
  this.dispatchEvent(clickEvent); // тугмага босилганини такрорлаймиз
});

Результат:

Мисол

Ўз вокеаларингизни (ўз номингиз билан) яратиб, кейин керакли пайтда уларни чакириш мумкин. Келинг, тугмага showMessage вокеасини боглаймиз ва сичқонча кўрсаткичини келтирганда ушбу вокеани ишга туширамиз:

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

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

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

button.addEventListener('mouseover', function() {
  let showMessageEvent = new Event('showMessage'); // вокеани яратамиз
  this.dispatchEvent(showMessageEvent); // вокеанинг ишлашини чакирамиз
});

Результат:

Шунингдек қаранг