رویدادها و یا حوادث در جاوااسکریپت، کدهای کوتاهی هستند که بین اقدامات انجام شده توسط کاربر مانند کلیک کردن موس و اسکریپت، ارتباط برقرار می کنند. یعنی هنگامیکه کاربر بر روی دکمه های موس فشار می آورد، رویدادها به اسکریپت این موضوع را می فهمانند تا اسکریپت برای آن حرکت عکس العملی در نظر بگیرد.
این اقدامات شامل حرکاتی است مانند کلیک کردن دکمه های موس، قرار گرفتن نشانگر موس بر روی یک نقطه از صفحه، فشردن کلیدهای کیبورد، انتخاب یا تغییر در اجزای یک فرم، فشردن دکمه های فرم و یا باز و بستن یک صفحه وب.
در کل رویدادها باعث می شوند تا جاوااسکریپت اینگونه حرکات را شناسایی و درک کند.
رویدادها مانند بقیه خصوصیات تگهای اچ تی ام ال هستند که باید در میان تگها قرار گیرند و آنها را برابر با یک کد کوتاه جاوااسکریپت و یا اسم یک تابع تعریف شده باید قرار داد.
برای درک بهتر مطلب، موس خود را بر روی این جمله بیاورید.
رویداد و کد استفاده شده به صورت زیر است:
در صفحات قبل با بعضی از رویدادها آشنا شدید و حالا در اینجا کلیه آنها را یاد خواهید گرفت. لازم بذکر است که، همه رویدادها در تمام مرورگرها اجرا نمی شوند.
رویدادهای موس
زمانیکه می خواهید جاوااسکریپت نسبت به حرکات موس، عکس العمل نشان دهد از این رویدادها استفاده می کنید. به سورس کد مثالها دقت کنید تا با کاربرد آنها بیشتر آشنا شوید.
onClick برای کلیک کردن دکمه چپ موس توسط کاربر.
onDblClick رویداد برای دوبار کلیک دکمه چپ موس.
onMouseDown فشار آوردن بر روی دکمه چپ موس.
onMouseUp رها کردن دکمه موس پس از فشردن آن.
onMouseOver قرار گرفتن نشانگر موس بر روی یک چیزی.
onMouseOut خارج شدن موس از روی یک چیزی.
رویدادهای کیبورد
در این رویدادها، جاوااسکریپت نسبت به فشردن یک کلید بر روی کیبورد توسط کاربر، عکس العمل نشان خواهد داد.
onKeyPress فشردن یک کلید کیبورد.
onKeyDown مانند رویداد بالا برای فشردن یک کلید.
onKeyUp رها کردن یک کلید فشرده شده.
رویدادهای فرم
این رویدادها مربوط به عملیاتی است که کاربر بر روی اجزای فرم انجام می دهد. البته ممکن است بعضی از این رویدادها بر روی متنهای عادی در صفحه هم عکس العمل نشان دهند اما بیشترین کاربرد را در فرمها دارند.
onFocus هنگامیکه توسط موس و یا دکمه Tab کیبورد بر روی یکی از اجزای فرم متمرکز شوید.
onBlur هنگامیکه تمرکز از روی یکی از اجزای فرم خارج شود.
onSelect انتخاب کردن یک متن در صفحه یا در یک فرم.
onChange تغییر در اجزای فرم، مانند تغییر متن در کادر متنی.
onSubmit فشردن دکمه تأیید یک فرم.
onReset فشردن دکمه reset یا همان پاک کردن اطلاعات فرم.
رویدادهای یک صفحه
یکسری از رویدادها هم مربوط به صفحات وب می باشد، مانند لود شدن صفحه یا بستن آن.
onLoad تکمیل شدن یک صفحه وب یا یک تصویر در مرورگر.
onUnload بستن مرورگر یا خروج از یک صفحه وب.
onResize تغییر اندازه پنجره مرورگر.
یک رویداد دیگر هست که می توان هم برای یک صفحه و هم برای یک عکس بکار برد:
onError این رویداد زمانی اجرا می شود که یک عکس به هر دلیلی لود نشود یعنی در جای خود قرار نگیرد. مثال
معمولاً برای رویدادها، ابتدا یک تابع تعریف می شود تا هنگام نوشتن رویداد در یک تگ اچ تی ام ال، نظم برقرار باشد و از شلوغی تگ جلوگیری شود. بیشترین کاربرد این رویدادها در تأیید اعتبار فرمها و پرسشنامه ها می باشند که در یک بخش مجزا آنرا توضیح خواهم داد.
نظرات شما عزیزان: