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

13 مارس 2007

السلام عليكم

بعد ساعتين تقريباً من كتابة أكواد JavaScript والأندماج مع الأحداث event – إن صحة التسمية – فأحببت تسجيل بعض منهم.

المقصود بحدث : مثلاً onClick أو ondblclick أو ….

الفائدة من الأحداث : هي تعبر أساس أجراء عمليات الـJavaScript فمثلاً لو أحببنا نظهر رسالة "مرحباً بك أيها الزائر" فسنسنتخدم الدالة alert وهي دالة لها مدخل واحد وهو الرسالة؛.

أين أستخدام الأحداث إذاً؟
سوف أبلغك … لعرض هذه الرسالة عند بداية تحميل الصفحة فسنستخدم الحدث onLoad في تاج body بالشكل الأتي :-

اما لعرضه عند الضغط على زر أرسال مثلاً

<input type="submit" onClick="alert('مرحباً بك')" />

بعض الأحداث وفائدتها
onLoad : في بداية ظهور الصفحة أو الكائن المستخدم معه هذا الحدث ويمكن أستخدامه مع (body و frame و frameset و iframe و img و link و script)
onUnload : مثل السابق ولكن في النهاية بدل البداية … مثال

onError : يمكن أستخدامه في الBody أيضاً لعمل حدث معين لو حدث خطأ أو مع الصور أيضاً … مثال :-

onResize : تنفذ عند تغير حجم الصفحة أو الكائن … مثال

onClick : عند الضغط على الكائن
ondblclick : عن الضغط مرتين على الكائن
onFocus : عند الوصول للكائن بالماوس او بأستخدام زر Tab
onkeyPress :عند الكتابة داخل هذا الكائن
onkeydown , onkeyup : أعتقد هذا مثال أفضل من الشرح
onmousedown , onmouseup : نفس وضيفة الالحدثين السابقين ولكن بأستخدام الـMouse أما السابقين لأزرة الـKeyWord
onMousemove , onMouseover : عند المرور على الكائن
onMouseout : عند خروج الـMouse من حيز الكائن
onReset : عند الضغط على زر reset داخل النموذج Form … المثال بعد التالي
onSubmit : عند الضغط على زر Submit او القيام بتنفيز الأرسال بأي طريقة … مثال


onSelect : تستخدم مع التاجات(Input و TextArea) وهي تنفز عند التعليم على الكلام بداخل أحد التاجين
onchange : وتستخدم عادتاً مع القوائم المنسدلة (Select) ولكن يمكن أستخدامها أيضاً مع (input type=text و textarea)
مثال بسيط

تحديث 21-3-2007 : تم تثبيت الموضوع بسوالف سوفت .

10 تعليقات
20 مارس 2007 @ 8:16 ص

بجد اشكرك بحراره على هذا الموضع لانك افادتنى بجد وكنت اريد اعرف هذه الاشياء اننا نستخدمها ولكن لا نعرف هذه الاكواد على حقيقتها البرمجيه واشكرك مره اخرى لانك اضفت لى اشياء لم اعرفها من قبل فى ال java script
طلب : كن اريد كتاب مترجب بس مستواه عالى فى java script
واشكرك عل هذا الجهد المبزول

رد
21 مارس 2007 @ 2:09 م

متشكر جداً يا أحمد على التشجيع
وأوعدك بأضافة مذيد من المقالات من نفس النوع

رد
محمد-تامر
27 مارس 2007 @ 5:34 م

حبيت أضيف انه مع ان دالة ()alert
مفيدة ولكن استعمالها أكتر من الازم يؤدي الي ملل الزائر
معلومة على الطاير كده
ولو عايز تنبه الزائر لحاجة
تستطيع استعمال فكرة الكتابة في الصفحة نتيجة لحدث معين
تحدد لها div فاضية وتكتب فيها اللي انت عايزه
دمتم بعافية

رد
14 أبريل 2007 @ 9:39 ص

أستخدام الجافا بشكل كثير عمتاً يؤئي الزائر

ويئذي المبرمج أيضاً وهو يعمل بالمشروع 🙂

ولكن كنت أوضح بأستخدمها فقط ﻷنها معروفة للكل بإذن الله

شكراً على الملاحظة يا تامر

رد
حسام
21 يونيو 2007 @ 9:30 م

السلام عليكم ورحمة الله وبركاته

موضوع جميل جدا ياحازم الى المزيد دائما ونتمنى المزيد من الدروس القيم سواء فى php او javascript

رد
23 يونيو 2007 @ 4:03 م

السلام عليكم ورحمة الله وبركاته

جزاك الله خير على هذا الدرس المفيد 🙂

مع الأسف مصادر ال JavaScript في الوطن العربي شحيحة جداً

إستمر في عطاءك 🙂

رد
محمد
3 يناير 2009 @ 1:19 م

مشكور اخوي
بس عندي استفسار بسيط عن الاشكال الي تطلع بجنب الرسالة يعني مثلا الحين بيطلع لك في الرسالة علامة مثلث اصفر وفيه علامة تعب ! سوداء السوال
كيف اني اقدر اغير الاشكال هاذي ؟

اهي في برمجة الجافا تتغير
JOptionPane.INFORMATION_MESSAGE هذا يعني شكل معلومات

وشكرا لك

رد
asasi
23 مارس 2009 @ 12:58 ص

جزاك الله خيرا يا اخ خالد ولاكنى اريدك ان تفيدنى لانى اريد تعلم الجافا اسكربت من الصفر

رد
13 يونيو 2014 @ 2:05 م

جميل اخي شرح مميز لل events في جافاسكريبت

فقط سؤال هل سكريبت js يكتب مثل jquery
ام هناك اختلاف

رد
ayman
10 ديسمبر 2015 @ 4:24 ص

جزاك الله كل خير يا استاذ حازم

رد

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *


*