Полный цикл в digital

Команда new Event в JavaScript

Команда new Event - конструктор событий, с помощью которого можно создать объект события, а затем вызвать это событие из JavaScript с помощью метода dispatchEvent. Зачем это нужно: можно имитировать нажатие пользователя на кнопку, попытку отправки формы и так далее. При этом событие не будет отличаться от настоящего ничем кроме свойства event.isTrusted. Можно даже создавать события с нестандартными (придуманными вами) названиями и затем вызывать их в нужный момент.

Синтаксис

new Event(тип события, [флаги])

Пример

Пусть у нас есть кнопка. По нажатию на эту кнопку выводится сообщение. Давайте сделаем там, чтобы при наведении мышкой на кнопку эта кнопка думала, что по ней кликнули:

<button id="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>
let button = document.querySelector('#button');
button.addEventListener('showMessage', function() {
alert('message');
});
button.addEventListener('mouseover', function() {
let showMessageEvent = new Event('showMessage'); // создаем событие
this.dispatchEvent(showMessageEvent); // вызываем срабатывание события
});
Заполните форму уже сегодня!
Для начала сотрудничества необходимо заполнить заявку или заказать обратный звонок. В ответ получите коммерческое предложение, которое будет содержать индивидуальную стратегию с учетом требований и поставленных задач
Работаем по будням с 9:00 до 18:00. Заявки, отправленные в выходные, обрабатываем в первый рабочий день до 12:00.
Спасибо, ваш запрос принят и будет обработан!
Эйч Маркетинг