Aurelia - Ereignisse

In diesem Kapitel erfahren Sie mehr über Aurelia-Ereignisse.

Ereignisdelegierter

Selbst die Delegierung ist ein nützliches Konzept, bei dem der Ereignishandler an ein Element der obersten Ebene anstatt an mehrere Elemente im DOM angehängt wird. Dies verbessert die Effizienz des Anwendungsspeichers und sollte nach Möglichkeit verwendet werden.

Dies ist ein einfaches Beispiel für die Verwendung der Ereignisdelegierung mit dem Aurelia-Framework. Unsere Ansicht wird einen Knopf mit habenclick.delegate Ereignis beigefügt.

app.html

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

Sobald die Schaltfläche angeklickt wird, myFunction() wird angerufen werden.

app.js.

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

Wir werden die folgende Ausgabe erhalten.

Ereignisauslöser

In einigen Fällen können Sie die Delegierung nicht verwenden. Einige JavaScript-Ereignisse unterstützen keine Delegierung. IOS unterstützt es für einige Elemente. Um herauszufinden, welche Ereignisse eine Delegierung ermöglichen, können Sie nach a suchenbubbleEigentum jeder Veranstaltung hier . In diesen Fällen können Sie verwendentrigger() Methode.

Die gleiche Funktionalität aus dem obigen Beispiel kann mit erstellt werden 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...');
   }
}