Aurelia - Events أوريليا - الأحداث

 Aurelia - Events أوريليا - الأحداث

في هذا الفصل ، ستتعرف على أحداث 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...');
   }
}

سوف نحصل على الناتج التالي.

مشغل الحدث

هناك بعض الحالات التي لا يمكنك فيها استخدام التفويض. لا تدعم بعض أحداث JavaScript التفويض ؛ يدعمه IOS لبعض العناصر. لمعرفة الأحداث التي تسمح بالتفويض ، يمكنك البحث عن خاصية الفقاعة لأي حدث هنا . في هذه الحالات ، يمكنك استخدام طريقة المشغل () .

يمكن إنشاء نفس الوظيفة من المثال أعلاه باستخدام 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...');
   }
}