Чтобы следовать этому руководству, вы должны иметь базовые знания:
- HTML и CSS
- JavaScript и ES6
- DOM и манипуляции с DOM
Как создать собственное событие в JavaScript
Пользовательские события можно создавать двумя способами:
- Использование Event конструктора
- Использование CustomEvent конструктора
Пользовательские события также могут быть созданы с помощью document.createEvent. Но большинство методов, предоставляемых объектом, возвращаемым из функции, устарели.
Использование конструктора событий
Пользовательское событие может быть создано с помощью конструктора событий, например:
В приведенном выше фрагменте мы создали событие, myevent передав имя события Event конструктору. Имена событий нечувствительны к регистру, поэтому myevent сработает также, как и myEvent, MyEvent и т.д
Конструктор события также принимает объект, который определяет некоторые важные свойства для события.
bubbles
Свойство определяет, должно ли событие распространяться вверх к родительскому элементу. При значении true родительский элемент может прослушивать событие в дочернего элемента, в котором вызвано данное событие и выполнять действия на основе этого. Это поведение большинства собственных событий DOM, но для настраиваемых событий по умолчанию стоит false.
