On frontend there are a lot of JS events. Usage example:
document.addEventListener('init.blocks.gkt', function(event) {
console.log( event );
})
document.addEventListener('show.accordion.gkt', function( event ) {
console.log( event, event.relatedTarget );
})
General events:
| Event | Params |
| init.gkt | event |
| init.blocks.gkt | event |
Accordion block events:
| Event | Params |
| prepare.accordion.gkt | event.target |
| prepared.accordion.gkt | event.target |
| hide.accordion.gkt | event.target, event.relatedTarget |
| hidden.accordion.gkt | event.target, event.relatedTarget |
| show.accordion.gkt | event.target, event.relatedTarget |
| shown.accordion.gkt | event.target, event.relatedTarget |
Alert block events:
| Event | Params |
| close.alert.gkt | event.target |
| closed.alert.gkt | event.target |
Carousel block events:
| Event | Params |
| init.carousel.gkt | event.target, event.options |
| inited.carousel.gkt | event.target, event.options |
| touchStart.carousel.gkt | event.target, event.originalEvent |
| touchMove.carousel.gkt | event.target, event.originalEvent |
| touchEnd.carousel.gkt | event.target, event.originalEvent |
Changelog block events:
| Event | Params |
| prepare.changelog.gkt | event.target |
| prepared.changelog.gkt | event.target |
Countdown block events:
| Event | Params |
| prepare.countdown.gkt | event.target |
| prepared.countdown.gkt | event.target |
Gist block events:
| Event | Params |
| prepare.gist.gkt | event.target, event.options |
| prepared.gist.gkt | event.target, event.options |
Google Maps block events:
| Event | Params |
| prepare.googleMaps.gkt | event.target, event.options |
| prepared.googleMaps.gkt | event.target, event.options, event.instance |
Image Compare block events:
| Event | Params |
| move.imageCompare.gkt | event.target, event.originalEvent |
Tabs block events:
| Event | Params |
| prepare.tabs.gkt | event.target |
| prepared.tabs.gkt | event.target |
| show.tab.gkt | event.target, event.relatedTarget |
| shown.tab.gkt | event.target, event.relatedTarget |
| hide.tab.gkt | event.target, event.relatedTarget |
| hidden.tab.gkt | event.target, event.relatedTarget |
Video block events:
| Event | Params |
| prepare.video.gkt | event.target |
| prepared.video.gkt | event.target |
| prepare.videoWorker.gkt | event.target, event.options |
| prepared.videoWorker.gkt | event.target, event.api |
| prepare.videoObserver.gkt | event.target, event.config |
Counter Box and Progress blocks events:
| Event | Params |
| prepare.counter.gkt | event.target, event.config |
| count.counter.gkt | event.target, event.config |
| counted.counter.gkt | event.target, event.config |
Numbered List block events:
| Event | Params |
| prepare.numberedList.gkt | event.target |
Scroll Reveal extension events:
| Event | Params |
| prepare.scrollReveal.gkt | event.target, event.config |
| prepared.scrollReveal.gkt | event.target, event.config |
| show.scrollReveal.gkt | event.target, event.config |
| shown.scrollReveal.gkt | event.target, event.config |