Aurelia - Eventos

En este capítulo, aprenderá sobre los eventos de Aurelia.

Delegado del evento

Incluso la delegación es un concepto útil en el que el controlador de eventos se adjunta a un elemento de nivel superior en lugar de a varios elementos del DOM. Esto mejorará la eficiencia de la memoria de la aplicación y debe usarse siempre que sea posible.

Este es un ejemplo simple del uso de la delegación de eventos con el marco de Aurelia. Nuestra vista tendrá un botón conclick.delegate evento adjunto.

app.html

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

Una vez que se hace clic en el botón, myFunction() sera llamado.

app.js

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

Obtendremos el siguiente resultado.

Activador de evento

Hay algunos casos en los que no puede usar la delegación. Algunos eventos de JavaScript no admiten la delegación; IOS lo admite para algunos elementos. Para saber qué eventos permiten la delegación, puede buscar unbubblepropiedad de cualquier evento aquí . En estos casos, puede utilizartrigger() método.

La misma funcionalidad del ejemplo anterior se puede crear 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...');
   }
}