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

@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", так как при вызове события событийные данные обновляются.