Aurelia - Eventi

In questo capitolo imparerai a conoscere gli eventi Aurelia.

Delegato evento

Anche la delega è un concetto utile in cui il gestore di eventi è collegato a un elemento di primo livello anziché a più elementi sul DOM. Ciò migliorerà l'efficienza della memoria dell'applicazione e dovrebbe essere utilizzato quando possibile.

Questo è un semplice esempio di utilizzo della delega di eventi con il framework Aurelia. La nostra vista avrà un pulsante conclick.delegate evento allegato.

app.html

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

Dopo aver fatto clic sul pulsante, myFunction() sarà chiamato.

app.js

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

Otterremo il seguente output.

Trigger evento

In alcuni casi non è possibile utilizzare la delega. Alcuni eventi JavaScript non supportano la delega; IOS lo supporta per alcuni elementi. Per scoprire quali eventi consentono la delega, puoi cercare un filebubbleproprietà di qualsiasi evento qui . In questi casi puoi usaretrigger() metodo.

La stessa funzionalità dell'esempio precedente può essere creata con 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...');
   }
}