在本章中，您将了解Aurelia事件。

活动代表

甚至委托也是一个有用的概念，其中事件处理程序附加到一个顶级元素，而不是DOM上的多个元素。这将提高应用程序的内存效率，应尽可能使用它。

这是在Aurelia框架中使用事件委托的简单示例。我们的视图将具有一个带有click.delegate事件的按钮。

app.html

单击该按钮后，将调用myFunction() 。

app.js

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

我们将获得以下输出。

事件触发

在某些情况下，您不能使用委托。某些JavaScript事件不支持委托。 iOS支持某些元素。要找出允许委派的事件，您可以在此处搜索任何事件的bubble属性。在这些情况下，可以使用trigger()方法。

可以使用click.trigger创建与上面示例相同的功能。

app.html

app.js

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