قسمت شانزدهم AngularJS: چگونه از event یا رخ داد در انگولار استفاده کنیم؟

Share on facebook
Share on twitter
Share on linkedin
Share on email
Share on whatsapp
Share on telegram
Share on print
قسمت شانزدهم AngularJS :چگونه از event یا رخ داد در انگولار استفاده کنیم؟

نویسنده:

مرتضی افضلی

Statistics-rafiki

تعداد بازدید:

1559

Calendar-amico (2)

تاریخ انتشار:

17 , اردیبهشت , 1398

Work time-rafiki

زمان تقریبی مطالعه :

5 دقیقه

در قسمت شانزدهم آموزش انگولار جی اس به بررسی event ها یا رخدادها خواهیم پرداخت. پیشنهاد می‌شود قبل از ورود به این قسمت سایر قسمت‌های دوره آموزش انگولار جی اس را مطالعه فرمایید.

انگولار جی اس هم دستورالعمل مخصوص خود برای event ها یا رخدادها را دارد.

event یا رخ داد

برای فعالسازی دستورالعمل event یا رخ دادها در انگولار جی اس می‌توانید از یک یا چند دستورالعمل زیر استفاده کنید:

ng-blur
ng-change
ng-click
ng-copy
ng-cut
ng-dblclick
ng-focus
ng-keydown
ng-keypress
ng-keyup
ng-mousedown
ng-mouseenter
ng-mouseleave
ng-mousemove
ng-mouseover
ng-mouseup
ng-paste

استفاده از دستورالعمل‌های بالا در رخ‌داده‌ای html باعث می‌شود که تابع خاص شما اجرا شود.

یک رخ داد انگولار جی اس یک رخ داد HTML را بازنویسی نخواهد کرد، هر دو رویداد اجرا خواهند شد.

رخ داد یا event نشانگر ( موس)

رخ داد نمایشگر هنگامی اجرا می‌شود که نشانگر یا موس شما روی المان قرار بگیرد برای استفاده از این دستورالعمل باید از کدهای زیر استفاده کنید:

ng-mouseover
ng-mouseenter
ng-mousemove
ng-mouseleave

رخ‌داده‌ای زیر هنگامی اجرا می‌شوند که بر روی المان خاصی کلیک کنید:

ng-mousedown
ng-mouseup
ng-click

شما می‌توانید از رخ‌داده‌ای موس بر روی هر تگ html استفاده کنید برای درک بهتر این موضوع به مثال زیر توجه کنید.

با کشیدن موس بر روی المنت بالا میبینید که عدد ۰ داده شده تغییر میکند.

دستورالعمل ng-click

همان‌طور که از تیتر این موضوع مشخص است این دستورالعمل هنگامی اجرا می‌شود که بر روی المان خاصی کلیک شود، برای درک بهتر این موضوع به مثال زیر توجه کنید:

همچنین برای اجراشدن کد فوق می‌توانید از تابعی استفاده کنید، به مثال زیر توجه کنید:

Toggle, True/False

اگر می‌خواهید یک بخش از کد اچ تی‌ام آل را هنگامی‌که یک دکمه روی آن کلیک می‌کنید نشان می‌دهد و هنگامی‌که دکمه دوباره کلیک می‌شود، مانند یک منوی کشویی پنهان می‌شود، دکمه را مانند یک سوئیچ تغییر دهید:

متغیر showMe به‌عنوان مقدار بولین اشتباه شروع می‌شود.
تابع myFunc متغیر showMe را با مخالف بودن آن با استفاده از! (نقیض) استفاده می‌کند.

شی‌ء event

هنگام فراخوانی تابع می‌توانید از شی‌ء $event به‌عنوان یک پارامتر عبور کنید.
شی $event حاوی رویداد مرورگر است:

امیدوارم این آموزش برای شما مفید واقع‌شده باشد.

برای مطالعه مطالب بیشتر می‌توانید به سایت w3schools مراجعه فرمایید.

موفق باشید.

مرتضی افضلی

مرتضی افضلی

این روزها دیگر نیاز نیست کلی هزینه‌ی اجاره‌ی مغازه بدهید. با دنیای کسب‌وکار اینترنتی و دیجیتال مارکتینگ می‌توانیم کسب درامد داشته باشیم و من در مجموعه‌ی کدپز در این راه همراه شما هستم.

تا کنون 56 نفر در کدپز ثبت نام کرده اند.

0 پاسخ به "قسمت شانزدهم AngularJS: چگونه از event یا رخ داد در انگولار استفاده کنیم؟"

ارسال یک پیام

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *