الأحداث في الجافا سكريبت JavaScript
الأحداث في الجافا سكريبت :-
من هنا يبدأ المفهوم الحقيقي للبرمجة حيث الأحداث ,, فالضغط علي الزر يعتبر حدثا , وتحميل الصفحة حدثا , ومروره المؤشر في الصفحة أيضا حدثا ,,,,إلي غير ذلك من الأحداث العديدة.
والأحداث هي أساس التفاعل بين صفحة الإنترنت والمستخدم , حيث ينتج الحدث عند تعامل المستخدم مع الصفحة , وتتنوع الأحداث في الجافا سكريبت
الصيغة العامة للأحداث في الجافا سكريبت :-
>htmlTag event = "كود الجافا سكريبت">
onClick()
هذا الحدث يقع عند الضغط بالماوس علي أي من الأزرار أو أي من أزرار الإرسال أو أزرار إعادة التعيين , أو checkbox أو radio button ومثال علي كتابة كود ينفذ عند وقع الحدث كما يلي :
<input type = "button" value = "اضغط هنا" onClick = "window.alert (لقد ضغطت الزر) ;">
ouSubmit( )
هذا الحدث يقع يضغط علي زر إرسال البيانات عندما يملأ المستخدم النموذج كامل , ثم يضغط هذا الزر لإرسال البيانات إلي صفحة أو موقع آخر لبدء عملية تأكيد البيانات من خلال برنامج أو سكريبت آخر للتحقيق من البيانات وإجراء عملية تخزين لها أو أي عملية أخري حسب طبيعة البرنامج أو السكريبت ...
onMouseOver()
هذا الحدث يقع عند مرور الماوس فوق نص معين جرت العادة أن يكون النص عبارة عن وصلة , لكن لا مانع أن يكون نصا عاديا..
onMouseOut()
هذا الحدث يقع عند مغادرة الماوس من فوق نص معين
onFocus()
هذا الحدث يقع عند وضع المؤشر في أي من العناصر Textarea, Password, Text,Bottonأو أي عناصر واجهة المستخدمة التي يمكن استخدامها في HTML....
>html>
<head>
<title>Focus</title>
</head>
<body>
<Form>
<INPUT TYPE= "TEXT" NAME= "nam" onFocus= "window.status=("أدخل
الإسم");">
</Form>
</body>
</html>
لاحظ وجود عبارة (أدخل الإسم ) في حالة النافذة عند وضع المؤشر في المربع النصي
onChange()
هذا الحدث يقع عند مغادرة عنصر معين , وقد تم إجراء تغيير في قيمته.
>html>
<head>
<title>Focus</title>
</head>
<body>
<Form>
<INPUT TYPY= "TEXT" NAME= "name"
onChange= "window.status=('لقد تغير الإسم ');">
<INPUT TYPe= "TEXT" NAME= "age">
</Form>
</body>
</html>
لاحظ عند تغيير محتويات الخلية Name والإنتقال إلي خلية أخري , يتم كتابة عبارة (لقد تغير الإسم ) في شريط النافذة
onBlur()
هذا الحدث يقع عند مغادرة أي من العناصر Textarea,Password,Text,Botton أو أي عناصر واجهة المستخدمة التي يمكن استخدامها في HTML ....
<html>
<head>
<title> Blur</title>
</head>
<body>
<Form>
<INPUT TYPE= "TEXT" NAME= "Month"
onBlur= "window.status= ('لقد تم الإنتقال من مربع النص شهر');">
<INPUT TYPE= "TEXT" NAME= "Year">
</Form>
</body>
</html>
لاحظ عند الإنتقال من مربع النص Name إلي أي عنصر واجه الأخري , يتم كتابة "لقد تم الإنتقال من مربع النص شهر" في شريط حالة النافذة
onLoad()
هذا الحدث يقع عند تحميل الصفحة (بمجرد فتح الصفحة ) ونستخدمة لتنفيذ دالة معينة أو أمر معين عند تحميل الصفحة , ويوضع مع العنصر Body في كود HTML ...
<html>
<head>
<title> Load</title>
</head>
<BODY onLoad= "alert('مرحبا بك');">
</body>
</html>
onUnload()
الحدث يقع عند مغادرة الصفحة أو إغلاقها ونيتخدمه لتنفيذ دالة معينة أو أمر معين عند مغادرة الصفحة أو إغلاقها , ويوضع مع العنصر Body في كود HTML...
<html>
<head>
<title>Load</title>
</head>
<BODY onUnLoad= "alert('إلي اللقاء');">
</body>
</html>
تعليقات
إرسال تعليق