نحن نعلم أنه بعد التطور الموجهة للكائنات ، يمكن أن تستند جميع اللغات تقريبًا إلى كائنات "مرة واحدة بين عشية وضحاها" ، كما أن JavaScript هي أيضًا لغة قائمة على الكائن. يسمى سلوك المستخدم على المتصفح "الأحداث" ، ويسمى سلسلة من الإجراءات بعد ذلك ، مثل المنبثقة ، وتغيير حجم المتصفح ، والتحقق ، و Balabala ، "مدفوعة الأحداث". بالطبع ، هذه المرة سأقدم بشكل أساسي العديد من الأحداث الشائعة.
ملاحظة: يعتمد دعم البرامج النصية JS على المتصفح! ! ! قد لا تدعم بعض الإصدارات السفلية من المتصفحات! ! !
1. انقر فوق الحدث (OnClick)
ما هو حدث نقرة؟ عندما ينقر المستخدم على زر الماوس نعم ، سيتم إنشاء حدث نقرة. في الوقت نفسه ، سيتم استدعاء معالج الأحداث المحدد بواسطة OnClick. عادةً ما يتم تطبيقه على الزر (كائن الزر) ، مربع الاختيار (مربع الاختيار) ، الراديو (زر الراديو) ، أزرار إعادة تعيين (زر إعادة الضبط) ، وإرسال الأزرار (زر إرسال).
اتخاذ خطوة كبيرة:
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> js basic click event </title> </head> <body> <port> <script language = "javaScript"> انقر فوق () {تنبيه ("أنت فقط نقر على الأزرار") ؛ } </script> <input type = "button" value = "button" onClick = "ACLICK ()"/> </poth> </body> </html>التأثير على النحو التالي:
2. تغيير الحدث (onchange)
بمجرد تغيير المستخدم قيمة النموذج ، يتم تشغيل حدث OnChange.
الرمز كما يلي:
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> js base change event </title> <script language = "javaScript"> check () {ALERT ("لقد تغيرت قيمة مربع النص") ؛ } </script> </head> <body> <porm> <input type = "text" value = "هذا هو مربع نص" name = "name" onChange = "check ()"/> </form> </body> </html>التأثير على النحو التالي:
3. حدد الحدث (OnSelect)
عند تحديد عنصر في الصفحة ، يتم تشغيل حدث OnSelect.
الرمز كما يلي:
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> js base change event </title> <script language = "javaScript"> check () {ALERT ("لقد تغيرت قيمة مربع النص") ؛ } </script> </head> <body> <porm> <input type = "text" value = "هذا هو مربع نص" name = "name" onChange = "check ()"/> </form> </body> </html>التأثير على النحو التالي:
4. حدث تحميل (Onload)
حدث التحميل هو حدث يتم تشغيله عندما يتم فتح صفحة الويب للتو.
الرمز كما يلي:
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> js حدث تحميل أساسي </title> <script language = "javaScript"> check () } </script> </head> <body Onload = "Check ()"> </body> </html>
التأثير على النحو التالي:
5. قبل إلغاء التحميل (قبل التحميل)
لكي تكون دقيقًا ، من الأنسب الاتصال "قبل ترك حدث الصفحة" وسيؤدي إلى تشغيل هذا الحدث عند النقر فوق الزر "إغلاق" في علامة التبويب الحالية.
الرمز كما يلي:
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> js prasics pre-Unload حدث </title> <script language = "javaScript"> check1 () {alert ("هل تريد حقًا تركي؟ ...") ؛ } </script> </head> <body onbeforeunload = "check1 ()"> <h1> هذه هي الصفحة المستخدمة للتحقق من حدث التحميل المسبق </h1> </body> </html>التأثير على النحو التالي:
تتحدث المقالة أعلاه لفترة وجيزة عن برنامج تشغيل حدث العميل الأساسي في JavaScript هو كل المحتوى الذي أشاركه معك. آمل أن يعطيك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.