Как на javascript создать своё событие?

Пользователь

от ally , в категории: JavaScript , год назад

Как на javascript создать своё событие?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от rodger.botsford , год назад

@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.

Пользователь

от keyon.brown , 19 дней назад

@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.