Aurelia - Sự kiện

Trong chương này, bạn sẽ tìm hiểu về các sự kiện Aurelia.

Đại diện sự kiện

Ủy quyền chẵn là một khái niệm hữu ích trong đó trình xử lý sự kiện được gắn với một phần tử cấp cao nhất thay vì nhiều phần tử trên DOM. Điều này sẽ cải thiện hiệu quả bộ nhớ ứng dụng và nên được sử dụng bất cứ khi nào có thể.

Đây là một ví dụ đơn giản về việc sử dụng ủy quyền sự kiện với khung công tác Aurelia. Chế độ xem của chúng tôi sẽ có một nút vớiclick.delegate sự kiện đính kèm.

app.html

<template>
   <button click.delegate = "myFunction()">CLICK ME</button>
</template>

Khi nút được nhấp, myFunction() sẽ được gọi.

app.js

export class App {
   myFunction() {
      console.log('The function is triggered...');
   }
}

Chúng ta sẽ nhận được kết quả sau.

Trình kích hoạt sự kiện

Có một số trường hợp bạn không thể sử dụng ủy quyền. Một số sự kiện JavaScript không hỗ trợ ủy quyền; IOS hỗ trợ nó cho một số yếu tố. Để tìm hiểu sự kiện nào cho phép ủy quyền, bạn có thể tìm kiếmbubbletài sản của bất kỳ sự kiện nào ở đây . Trong những trường hợp này, bạn có thể sử dụngtrigger() phương pháp.

Chức năng tương tự từ ví dụ trên có thể được tạo bằng 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...');
   }
}