В чем смысл событий отправки javascript?

Question

Отправка события означает его запуск. следующий код вызовет событие нажатия кнопки 2 раза.

  let event = new Event("click");
  elem.dispatchEvent(event);
  elem.dispatchEvent(event);

<button id="elem" onclick="alert('Click!');">Autoclick</button>

Answer 1

В Javascript есть классы, которые прослушивают пользовательские события (нажмите, наведите курсор на кнопку, нажмите клавишу). Эти классы являются диспетчерами событий. Что означает "отправить событие"?

Диспетчеры событий управляют событием, чтобы "понять", какое действие совершил пользователь, и реагировать на поведение, которое разработчик написал.

Javascript имеет некоторые классы диспетчера событий, определенные по умолчанию, но некоторые библиотеки, такие как JQuery, позволяют создавать пользовательские события.

Чтобы понять пользовательское событие, вы можете подумать об этом примере: вы программируете класс часов, который вы будете использовать в будущем. Вы кодируете все методы, чтобы часы работали. Кроме того, вы объявляете новое событие, которое срабатывает, когда проходит секунда. Давайте назовем это "временным шагом".

Теперь представьте, что вы используете этот класс в двух разных программах. Вы можете реализовать различное поведение в обеих программах, вставив код в событие "timestep".

В этом примере я создал пользовательское событие, которое срабатывает, когда пользователь перемещает одну ручку. Его поведение состоит в том, чтобы изменять метку до времени, когда дескриптор включен. Проверьте это здесь: http://ytcropper.com/crop/hsceS7udV4g