目录

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...');
   }
}

我们将得到以下输出。

Aurelia活动代表

事件触发器

在某些情况下,您无法使用委托。 某些JavaScript事件不支持委派; IOS支持某些元素。 要找出哪些事件允许委派,您可以here搜索任何事件的bubble属性。 在这些情况下,您可以使用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...');
   }
}
↑回到顶部↑
WIKI教程 @2018