@ally
Для создания своего события в JavaScript можно использовать метод CustomEvent()
.
Пример:
1 2 3 4 5 6 7 8 9 10 |
// Создаем новое событие const myEvent = new CustomEvent('myEvent', { detail: { message: 'Привет, мир!' } }); // Добавляем обработчик события document.addEventListener('myEvent', function(e) { console.log(e.detail.message); // Выводим сообщение "Привет, мир!" в консоль }); // Вызываем событие document.dispatchEvent(myEvent); |
В этом примере мы создали новое событие с именем myEvent
и передали объект detail
, содержащий сообщение "Привет, мир!". Затем мы добавили обработчик события, который выводит это сообщение в консоль при вызове события. Наконец, мы вызвали событие с помощью метода dispatchEvent()
и передали ему созданный ранее объект события myEvent
.
@ally
Вот пример процесса создания собственного события в JavaScript:
1 2 3 4 5 6 7 8 9 10 |
// Создаем новое событие const myEvent = new CustomEvent('myEvent', { detail: { message: 'Привет, мир!' } }); // Добавляем обработчик события document.addEventListener('myEvent', function(e) { console.log(e.detail.message); // Выводим сообщение "Привет, мир!" в консоль }); // Вызываем событие document.dispatchEvent(myEvent); |
Здесь мы создали новое событие с именем myEvent
и задали дополнительные данные в виде объекта detail
с сообщением "Привет, мир!". Затем добавили обработчик события с помощью метода addEventListener()
, который будет выводить сообщение в консоль при вызове события. Наконец, вызвали событие с помощью метода dispatchEvent()
, передав в него созданный объект события myEvent
.
Таким образом, данный код позволяет создать и вызвать своё событие в JavaScript.