Aurelia - 事件

在本章中，您將瞭解 Aurelia 事件。

事件委派

事件委派是一個有用的概念，其中事件處理程式附加到一個頂級元素，而不是 DOM 上的多個元素。這將提高應用程式的記憶體效率，並且應儘可能使用它。

這是一個使用 Aurelia 框架進行事件委派的簡單示例。我們的檢視將有一個帶有click.delegate附加事件的按鈕。

app.html

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

單擊按鈕後，將呼叫myFunction()。

app.js

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

我們將獲得以下輸出。

事件觸發

在某些情況下，您無法使用委派。一些 JavaScript 事件不支援委派；IOS 支援某些元素的委派。要找出哪些事件允許委派，您可以在此處 搜尋任何事件的冒泡屬性。在這些情況下，您可以使用trigger()方法。

可以利用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...');
   }
}