Aurelia - Événements

Dans ce chapitre, vous découvrirez les événements Aurelia.

Délégué d'événement

Même la délégation est un concept utile où le gestionnaire d'événements est attaché à un élément de niveau supérieur au lieu de plusieurs éléments sur le DOM. Cela améliorera l'efficacité de la mémoire de l'application et doit être utilisé dans la mesure du possible.

Ceci est un exemple simple d'utilisation de la délégation d'événements avec le framework Aurelia. Notre vue aura un bouton avecclick.delegate événement attaché.

app.html

<template>
   <button click.delegate = "myFunction()">CLICK ME</button>
</template>

Une fois le bouton cliqué, myFunction() sera appelé.

app.js

export class App {
   myFunction() {
      console.log('The function is triggered...');
   }
}

Nous obtiendrons la sortie suivante.

Déclencheur d'événement

Dans certains cas, vous ne pouvez pas utiliser la délégation. Certains événements JavaScript ne prennent pas en charge la délégation; IOS le prend en charge pour certains éléments. Pour savoir quels événements autorisent la délégation, vous pouvez rechercher unbubblepropriété de tout événement ici . Dans ces cas, vous pouvez utilisertrigger() méthode.

La même fonctionnalité de l'exemple ci-dessus peut être créée avec click.trigger.

app.html

<template>
   <button click.trigger = "myFunction()">CLICK ME</button>
</template>

app.js

export class App {
   myFunction() {
      console.log('The function is triggered...');
   }
}