Aurelia教程

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...');
   }
}
我们将得到以下输出。
Aurelia Events Delegate

事件触发器

有些情况下您不能使用委托。一些 JavaScript 事件不支持委托; IOS 支持它的某些元素。要找出允许委托的事件,您可以搜索任何事件的 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...');
   }
}
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4