Аурелия — События

В этой главе вы узнаете о событиях Аурелии.

Делегат мероприятия

Даже делегирование является полезной концепцией, когда обработчик событий присоединяется к одному элементу верхнего уровня вместо нескольких элементов в 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 .