رویدادها در جاوااسکریپت (قسمت هیجدهم)

به رویدادها و اتفاقاتی که بر روی المنت های html اتفاق میفتد رویداد یا event گفته می شود و زمانی که ما در یک سند قصد انجام کاری را داریم معمولا رویداد اتفاق میفتد.

زمانی که از جاوااسکریپت در یک سند html استفاده می شود جاوااسکریپت قادر است نسبت به این رویدادها واکنش داشته باشد.جاوااسکریپت این مجوز را به شما می دهد تا نسبت به این اتفاقات واکنش نشان دهید.
برای مدیریت رویدادها در درون html خصوصیت هایی وجود دارد که قادر هستیم درون آنها دستورات جاوااسکریپت را اجرا کنیم.


رویدادهای html

یک رویداد html ممکن است توسط مرورگر یا توسط کاربر اتفاق بیفتد.

برخی از رویدادهای قابل انجام که توسط این دو در صفحه اتفاق میفتد:

  • زمانی که لود صفحه به اتمام می رسد.
  • زمانی که مقدار یک فیلد متنی تغییر پیدا می کند.
  • زمانی که بر روی یک button کلیک می شود.

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

<element event='some JavaScript'>

نمونه یک المنت با خصوصیت کنترلر جفت کوتیشن جهت مدیریت رویداد:

<element event=&quotsome JavaScript&quot>

مثال:

<button =&quotdocument.getElementById('demo') = Date()&quot>The time is?</button>

با کلیک کردن بر روی button محتوای المنتی که دارای id به نام demo است تغییر پیدا می کند.

در مثال زیر محتوای همان المنت که روی آن کلیک شده تغییر پیدا می کند.


مشاهده ادامه در لینک زیر:

https://dejavan.ir


لیست آموزش رویدادها در جاوااسکریپت

https://virgool.io/jsEvents

سخن پایانی

این بود یکی دیگر از آموزش جاوااسکریپت در صورت داشتن سوال یا نظر اون رو با من در میان بزارید.

من امیر جوان میر هستم گرافیست و توسعه دهنده وب از سال 1390

instagram: https://www.instagram.com/amir.javanmir/

تمامی حقوق این مطلب متعلق به سایت دیزاینر جوان می باشد هرگونه استفاده از این مطلب با ذکر منبع آن بلامانع است.

website: https://dejavan.ir
instagram: https://instagram.com/designer.javan
twitter: https://twitter.com/designer_javan
Telegram: https://t.me/designer_javan


سایر مطالب

https://virgool.io/JavaScriptTutorial