Как работает eventdata в jquery?

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

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

Как работает eventdata в jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от jakayla , 10 месяцев назад

@deion 

eventData в jQuery представляет собой параметр, который может быть передан в методы .on() или .trigger() для добавления дополнительной информации к событию.


При использовании метода .on() можно передать eventData вторым параметром, например:

1
2
3
$( "button" ).on( "click", { foo: "bar" }, function( event ) {
  console.log( event.data.foo ); // "bar"
});


Здесь { foo: "bar" } является объектом eventData, который будет доступен внутри обработчика события через свойство event.data.


При использовании метода .trigger() можно передать eventData третьим параметром. Например:

1
2
3
4
5
$( "button" ).on( "click", { foo: "bar" }, function( event ) {
  console.log( event.data.foo ); // "bar"
});

$( "button" ).trigger( "click", { foo: "baz" } );


Здесь мы определили обработчик события для кнопки с eventData { foo: "bar" } и вызвали событие click, передав новый объект eventData { foo: "baz" }. В результате в консоль выведется "baz", так как при вызове события событийные данные обновляются.