#Événements

La plupart des actions effectuées par l'utilisateur déclenchent des événements personnalisés pour lesquels il est possible d'assigner un listener.

#Utilisation

.on(name: String, callback: Function): this

.off(name: String, callback: Function): this

#Événements disponibles

#ready

  • Arguments: { event: { element: { name: String, slug: String } } }
Déclenché lorsque l'élément est complètement chargé et affiché dans la page

#seen

  • Arguments: { event: { element: { name: String, slug: String } } }
Déclenché lorsque l'élément a été vu par l'utilisateur (lorsqu'il est entré dans le viewport du navigateur).

#click

  • Arguments: { event: { id: String, type: String, originalEvent: MouseEvent, url: String, name: String, element: { name: String, slug: String } } }
Déclenché lorsque a cliqué sur un bouton / lien à l'intérieur de l'élément.

#formSubmit

  • Arguments: { event: { fields: { [fieldKey]: Any, ... }, valid: { [fieldKey]: Boolean, ... }, element: { name: String, slug: String } } }
Déclenché lorsque l'utilisateur a soumis un formulaire à l'intérieur de l'élément.
Par exemple, grâce à cet événement, vous pourrez sauvegarder les informations fournies par un utilisateur en utilisant des outils tels qu'un DMP.

#destroy

  • Arguments: { event: { buttonId?: String, originalEvent: MouseEvent, element: { name: String, slug: String } } }
Déclenché lorsque l'utilisateur a cliqué sur un bouton / image configuré pour détruire l'élément.

#error

  • Arguments: { event: { message: String, element: { slug?: String } } }
Déclenché lorsqu'une erreur s'est produite lors de l'affichage d'un élément.