رويدادها و حوادث
Javascript Events

رويدادها و يا حوادث در جاوااسکريپت، کدهاي کوتاهي هستند که بين اقدامات انجام شده توسط کاربر مانند کليک کردن موس و اسکريپت، ارتباط برقرار مي کنند. يعني هنگاميکه کاربر بر روي دکمه هاي موس فشار مي آورد، رويدادها به اسکريپت اين موضوع را مي فهمانند تا اسکريپت براي آن حرکت عکس العملي در نظر بگيرد.

اين اقدامات شامل حرکاتي است مانند کليک کردن دکمه هاي موس، قرار گرفتن نشانگر موس بر روي يک نقطه از صفحه، فشردن کليدهاي کيبورد، انتخاب يا تغيير در اجزاي يک فرم، فشردن دکمه هاي فرم و يا باز و بستن يک صفحه وب.

در کل رويدادها باعث مي شوند تا جاوااسکريپت اينگونه حرکات را شناسايي و درک کند.

رويدادها مانند بقيه خصوصيات تگهاي اچ تي ام ال هستند که بايد در ميان تگها قرار گيرند و آنها را برابر با يک کد کوتاه جاوااسکريپت و يا اسم يک تابع تعريف شده بايد قرار داد.

براي درک بهتر مطلب، موس خود را بر روي اين جمله بياوريد.

رويداد و کد استفاده شده به صورت زير است:

<span onMouseOver="alert('Salam doost e man')">

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

onClick  براي کليک کردن دکمه چپ موس توسط کاربر. مثال

onDblClick رويداد براي دوبار کليک دکمه چپ موس. مثال

onMouseDown فشار آوردن بر روي دکمه چپ موس. مثال

onMouseUp رها کردن دکمه موس پس از فشردن آن. مثال

onMouseOver قرار گرفتن نشانگر موس بر روي يک چيزي. مثال

onMouseOut خارج شدن موس از روي يک چيزي. مثال

onKeyPress فشردن يک کليد کيبورد. مثال

onKeyDown مانند رويداد بالا براي فشردن يک کليد. مثال

onKeyUp رها کردن يک کليد فشرده شده. مثال

onFocus هنگاميکه توسط موس و يا دکمه Tab کيبورد بر روي يکي از اجزاي فرم متمرکز شويد. مثال

onBlur هنگاميکه تمرکز از روي يکي از اجزاي فرم خارج شود. مثال

onSelect انتخاب کردن يک متن در صفحه يا در يک فرم. مثال

onChange تغيير در اجزاي فرم، مانند تغيير متن در کادر متني. مثال

onSubmit فشردن دکمه تأييد يک فرم. مثال

onReset فشردن دکمه reset يا همان پاک کردن اطلاعات فرم. مثال

onLoad تکميل شدن يک صفحه وب يا يک تصوير در مرورگر. مثال

onUnload بستن مرورگر يا خروج از يک صفحه وب. مثال

onResize تغيير اندازه پنجره مرورگر. مثال

يک رويداد ديگر هست که مي توان هم براي يک صفحه و هم براي يک عکس بکار برد:

onError اين رويداد زماني اجرا مي شود که يک عکس به هر دليلي لود نشود يعني در جاي خود قرار نگيرد. مثال

معمولاً براي رويدادها، ابتدا يک تابع تعريف مي شود تا هنگام نوشتن رويداد در يک تگ اچ تي ام ال، نظم برقرار باشد و از شلوغي تگ جلوگيري شود. بيشترين کاربرد اين رويدادها در تأييد اعتبار فرمها و پرسشنامه ها مي باشند که در يک بخش مجزا آنرا توضيح خواهم داد.

ابتداي صفحه

  نسخه چاپي اين صفحه

پرسش و پاسخ

پيوند به سايت
لينکهای مفيد
مطالب کوتاه
کدهای جاوااسکريپت
آزمون اچ تی ام ال