آموزش رویدادها در برنامه نویسی اورلیا

آموزش رویدادها در برنامه نویسی اورلیا

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش رویدادها در برنامه نویسی اورلیا خواهیم پرداخت.

نماینده رویداد

حتی delegation مفهومی مفید است که در آن رویداد دهنده به جای چندین عنصر در DOM به یک عنصر سطح بالا متصل می شود. این کارایی حافظه برنامه را بهبود می بخشد و باید در صورت امکان از آن استفاده شود.

این یک مثال ساده از استفاده از تفویض رویداد با چارچوب اورلیا است. نمای ما یک دکمه با 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 از delegation نمی کنند. IOS آن را برای برخی از عناصر پشتیبانی می کند. برای اینکه بدانید کدام رویدادها امکان تفویض اختیار را دارند ، می توانید خاصیت حباب هر رویدادی را در اینجا جستجو کنید. در این موارد می توانید از روش () 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...');
   }
}

منبع.

لیست جلسات قبل آموزش برنامه نویسی اورلیا

1. آموزش برنامه نویسی اورلیا
2. بررسی اجمالی برنامه نویسی اورلیا 
3. آموزش تنظیمات محیطی در برنامه نویسی اورلیا 
4.  آموزش اولین برنامه در برنامه نویسی اورلیا
5. آموزش اجزا در برنامه نویسی اورلیا
6. آموزش چرخه زندگی کامپوننت در برنامه نویسی اورلیا
7. آموزش عناصر سفارشی در برنامه نویسی اورلیا
8. آموزش تزریق وابستگی در برنامه نویسی اورلیا
9. آموزش پیکربندی در برنامه نویسی اورلیا
10. آموزش پلاگین ها در برنامه نویسی اورلیا
11. آموزش اتصال داده ها در برنامه نویسی اورلیا
12. آموزش رفتار اتصال در برنامه نویسی اورلیا
13. آموزش مبدل ها در برنامه نویسی اورلیا
14. آموزش رویدادها در برنامه نویسی اورلیا
15. آموزش گردآورنده رویداد در برنامه نویسی اورلیا
16. آموزش فرم ها در برنامه نویسی اورلیا
17. آموزش HTTP در برنامه نویسی اورلیا
18. آموزش رفرنس ها در در برنامه نویسی اورلیا
19. آموزش مسیریابی در برنامه نویسی اورلیا
20. آموزش تاریخچه در برنامه نویسی اورلیا
21. آموزش انیمیشن ها در برنامه نویسی اورلیا
22. آموزش dialog در برنامه نویسی اورلیا
23. آموزش بومی سازی در برنامه نویسی اورلیا
24. آموزش ابزارها در برنامه نویسی اورلیا
25. آموزش بسته بندی در برنامه نویسی اورلیا
26. آموزش اشکال زدایی در برنامه نویسی اورلیا
27.  جامعه برنامه نویسی اورلیا