Aurelia - 事件

  • 简述

    在本章中,您将了解 Aurelia 事件。
  • 事件委托

    甚至委托也是一个有用的概念,其中事件处理程序附加到一个顶级元素而不是 DOM 上的多个元素。这将提高app的内存效率,应尽可能使用。
    这是在 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 支持它的某些元素。要找出允许委派的事件,您可以搜索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...');
       }
    }