الأحداث في الجافا سكريبت JavaScript

الأحداث في الجافا سكريبت :-

من هنا يبدأ المفهوم الحقيقي للبرمجة حيث الأحداث ,, فالضغط علي الزر يعتبر حدثا , وتحميل الصفحة حدثا , ومروره المؤشر في الصفحة أيضا حدثا ,,,,إلي غير ذلك من الأحداث العديدة.

والأحداث هي أساس التفاعل بين صفحة الإنترنت والمستخدم , حيث ينتج الحدث عند تعامل المستخدم مع الصفحة , وتتنوع الأحداث في الجافا سكريبت

الصيغة العامة للأحداث في الجافا سكريبت :-

>htmlTag    event = "كود الجافا سكريبت">

onClick()

هذا الحدث يقع عند الضغط بالماوس علي أي من الأزرار أو أي من أزرار الإرسال أو أزرار إعادة التعيين , أو checkbox أو radio button ومثال علي كتابة كود ينفذ عند وقع الحدث كما يلي :

<input type = "button"  value = "اضغط هنا" onClick = "window.alert (لقد ضغطت الزر) ;">

Java Script-14_03

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>

Java Script-15_03

 لاحظ وجود عبارة (أدخل الإسم ) في حالة النافذة عند وضع المؤشر في المربع النصي

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>

Java Script-16_03

لاحظ عند تغيير محتويات الخلية 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>

Java Script-17_03

لاحظ عند الإنتقال من مربع النص Name إلي أي عنصر واجه الأخري , يتم كتابة "لقد تم الإنتقال من مربع النص شهر" في شريط حالة النافذة

onLoad()

هذا الحدث يقع عند تحميل الصفحة (بمجرد فتح الصفحة ) ونستخدمة لتنفيذ دالة معينة أو أمر معين عند تحميل الصفحة , ويوضع مع العنصر Body في كود HTML ...

<html>

<head>

<title> Load</title>

</head>

<BODY onLoad= "alert('مرحبا بك');">

</body>

</html>

Java Script-18_03

onUnload()

الحدث يقع عند مغادرة الصفحة أو إغلاقها ونيتخدمه لتنفيذ دالة معينة أو أمر معين عند مغادرة الصفحة أو إغلاقها , ويوضع مع العنصر Body في كود HTML...

Java Script-19_03

<html>

<head>

<title>Load</title>

</head>

<BODY onUnLoad= "alert('إلي اللقاء');">

</body>

</html>

تعليقات

المشاركات الشائعة من هذه المدونة

الشاشة الإفتتاحية لإكسل

أوامر الجافا سكريبت JavaScript

مقدمة عن برنامج الأكسل Excel ( الجداول الألكترونية )