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

  我们将得到以下输出。

  
• 

  事件触发器

  在某些情况下，您不能使用委托。一些 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...');
     }
  }