آموزش گام به گام جاوا اسکریپت

وقايع جاوا اسكريپت

Event  ها وقايعي هستند كه توسط جاوا اسكريپت مي توانند نمايش داده شوند .
Events

با استفاده از جاوا اسكريپت ، ما توانايي ساختن صفحات متحرك و پويا را داريم . اين   event  ها توسط جاوا اسكريپت مي توانند نشان داده شوند.

هر عنصر در صفحه وب هر اتفاق معيني كه مي تواند توسط جاوا اسكريپت راه اندازي شود را دارد.براي مثال ما مي توانيم از  event  ، OnClick  يك عنصر دكمه كه نشان مي دهد يك تابع زماني كه يك كاربر بر روي دكمه كليك كند ؛ اجرا مي شود .

مثالي از event  ها:

-          با كليك موس

-          زماني كه يك صفحه يا يك عكس بارگذاري مي شود

-          موس بر روي يك نقطه خاص بر روي صفحه برود

-          انتخاب كردن يك فيلد ورودي در فرم HTML

-          فرستادن يك فرم HTML

-          يك بار كليك كردن

توجه: معمولا  event  ها در تركيب با توابع استفاده مي شوند و يك تابع قبل از آنكه  event  اي اتفاق بيفتد اجرا نمي شود .
Onload , onunload  :

Event ، onload , onunload  زماني كه كاربر وارد صفحه مي شود و يا از آن خارج مي شود راه اندازي مي شود. Event ، onload  معمولا براي چك كردن نوع مرورگر بيننده و نسخه مرورگر و يك نسخه مناسب از صفحه وب مبني بر اطلاعات را بارگذاري مي كند.

هر دو  event  معمولا براي رسيدگي كردن به كوكي ها كه بايد موقعي كه كاربر وارد صفحه مي شود و يا آنرا ترك مي كند گذارده شده باشد ، استفاده مي شود.براي مثال شما مي توانيد يك صفحه جهنده براي درخواست نام كاربر به محض اولين ورود به صفحه داشته باشيد . اسم مورد نظر در داخل كوكي ذخيره مي شود . دفعه ي بيد كه بيننده وارد صفحه ي شما مي شود شما مي توانيد يك گفته ي جديد مانند اين را داشته باشيد:

"Welcome Jone Doe!"
onFocus, onBlur , onChange:

اين سه event  هايي هستند كه براي تركيب با اعتبارسنجي بين فيلدهاي فرم استفاده مي شوند .

مثال زير چگونگي استفاده از  event ، onchange  آورده شده ؛تابع checkEmail()  زماني كه كاربر مقدار فيلد را تغيير مي دهد ، فراخواني مي شود.

<input type="text" size="30" id="email" onchange="checkEmail()">

 
Onsubmit:

Event ، submit  همه ي فيلدها را قبل از فرستادنشان اعتبارسنجي مي كند .

در مثال زير چگونگي استفاده از اين  event  آورده شده. تابع checkForm()  زماني كه كاربر دكمه اي از فرم را فشار مي دهد فراخواني مي شود .اگر مقدار فيلد مورد قبول نباشد ، ارسال صفحه متوقف مي شود .تابع  checkForm()  مقدار  True و يا False  را بر مي گرداند..اگر مقدار True  برگرداند صفحه ارسال مي شود در غير اين صورت ارسال صفحه  cancel  مي شود.
onMouseOver and onMouseOut:

ايندو براي ايجاد صفحات جنبنده  استفاده مي شود.

در مثال زير event ، onMouseOver  اورده شده است . يك جعبه ي هشدار زمان نشان دادن اين Event  ظاهر مي شود .

<a href="http://www.webfocus.ir" onmouseover="alert('An onMouseOver event');return false">
<img src="webfocus.gif" alt="Webfocus" /></a>