جلسه ۱۴ : رویدادها در جاوا اسکریپت

• جزئیات
• نوع محتواآموزش تصویری

با عرض سلام خدمت کاربران مترم سایت پی وی لرن.
در این جلسه قصد داریم تا به آموزش رویداد ها در جاوا اسکریپت JavaScript یا رویدادهای موس در جاوا اسکریپت بپردازیم.

رویداد های event HTML چیزهایی هستند که در عناصر HTML اتفاق می افتند.

جاوا اسکریپت می تواند به این رویداد ها واکنش نشان دهد.

رویداد های HTML در جاوا اسکریپت

یک رویداد HTML می تواند چیزی باشد که مرورگر یا کاربر آن را انجام داده است.

برخی از نمونه های رویداد های HTML:

• بارگذاری یک صفحه وب به اتمام رسیده است
• یک فیلد ورودی تغییر کند
• یک دکمه کلیک شود

اغلب اوقات می خواهید تا وقتی رویدادی رخ داد، کاری انجام دهید. جاوا اسکریپت این امکان را در اختیاز شما قرار داده است

HTML به attributes مدیریت کننده رویداد، همراه با کد جاوا اسکریپت، اجازه می دهد تا به عناصر elements اضافه شوند:

در مثال زیر یک ویژگی onclick به عنصر دکمه اضافه شده است:

کد جاوا اسکریپت معمولا چندین خط طول دارد. معمول است که ویژگی های رویداد را فراخوانی کنید:

رویداد های رایج HTML

در پایین لیستی از برخی رویداد های رایج HTML مانند رویدادهای موس در جاوا اسکریپت را مشاهده می کنیم:

جاوا اسکریپت چه کاری تواند انجام دهد؟

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

• کارهایی که هنگام بارگذاری صفحه باید انجام شوند
• کارهایی که هنگام بسته شدن صفحه باید انجام شوند
• کارهایی که هنگام کلیک شدن یک دکمه باید انجام شوند
• تایید کردن محتوایی که کاربر وارد کرده است
• و….

روش های متفاوتی برای رسیدگی به رویداد در جاوا اسکریپت وجود دارد:

• attribute های رویداد HTML می توانند به طور مستقیم ک جاوا اسکریپت را اجرا کنند
• attribute های رویداد HTML می توانند توابع جاوا اسکریت را فراخوانی کنند
• می توانید تابع مدیریت کننده رویداد خودتان را به عناصر HTML اختصاص دهید
• و….

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