Aurelia - Events

在本章中，您将了解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...');
   }
}