غالبا ما يعمل مطورو الويب مع الأحداث لتتبع إجراءات المستخدم على صفحة الويب والرد عليها. تتمثل إحدى المشكلات الرئيسية عند العمل مع الأحداث في الحصول على كائن الحدث في معالج الحدث.
يحتوي كائن الحدث على معلومات حول الحدث ، مثل نوع الحدث والعنصر الهدف الذي أدى إلى تشغيل الحدث وبيانات إضافية. يسمح لمطوري الويب بالوصول إلى هذه البيانات وتنفيذ إجراءات معينة اعتمادا على الحدث الذي حدث.
هناك عدة طرق للحصول على كائن حدث في معالج الحدث. واحدة من أكثر الطرق شيوعا هي استخدام معلمة "الحدث" ، والتي يتم تمريرها تلقائيا إلى المعالج. على سبيل المثال ، عند استخدام جافا سكريبت ، يمكنك إعلان وظيفة معالج الأحداث وتمرير معلمة " الحدث:
وظيفة هاندلكليك (الحدث) {
// الحصول على كائن الحدث
فار إيفنتوبجيكت = الحدث;
}
بعد ذلك ، يمكنك استخدام متغير "إيفنتوبجيكت" للحصول على معلومات حول الحدث وتنفيذ الإجراءات اللازمة في وظيفة المعالج الخاص بك.
- مبدأ تشغيل كائن الحدث
- كيفية الحصول على كائن حدث في المعالج
- كائن الحدث وخصائصه
- طرق مختلفة للحصول على كائن حدث
- أهمية تمرير كائن الحدث إلى المعالج
- كيف تؤثر لحظة تلقي كائن الحدث على المعالجة
- أمثلة على استخدام كائن الحدث في الممارسة
- سؤال وجواب
- كيف يمكنني الحصول على كائن الحدث في معالج الحدث?
- هل هناك أي طرق أخرى للحصول على كائن الحدث?
- ما هي الخصائص التي يمتلكها كائن الحدث?
- كيف يمكنني استخدام كائن الحدث في معالج?
- ما هي الأخطاء التي يمكن أن تحدث عند تلقي كائن حدث?
مبدأ تشغيل كائن الحدث
يستخدم جافا سكريبت كائن الحدث للتعامل مع الأحداث. يحتوي كائن الحدث على معلومات حول حدث حدث على عنصر صفحة ويب. في كل مرة يحدث فيها حدث (على سبيل المثال ، النقر بالماوس أو الضغط على مفتاح) ، يتم إنشاء كائن حدث ، يتم تمريره إلى معالج الأحداث.
يتم استخدام معلمة الحدث (أو أي اسم آخر يحدده المبرمج) للوصول إلى كائن الحدث في معالج الحدث. يجب الإعلان عن هذه المعلمة في وظيفة معالج الأحداث. على سبيل المثال:
وظيفة هاندلكليك (الحدث) {// رمز معالج الأحداث
}
بعد إعلان معلمة الحدث ، يمكنك استخدامها للوصول إلى معلومات حول الحدث. يحتوي كائن الحدث على العديد من الخصائص والأساليب التي توفر معلومات حول الحدث وتسمح لك بالتفاعل معه. على سبيل المثال ، الحدث.تتيح لك الخاصية المستهدفة الحصول على العنصر الذي وقع عليه الحدث:
وظيفة هاندلكليك (الحدث) {فار تارجيتيليمنت = الحدث.الهدف;
// رمز معالج الأحداث
}
باستخدام كائن الحدث ، يمكنك أيضا الحصول على معلومات حول نوع الحدث ، والنقر فوق الإحداثيات ، والمفتاح المضغوط ، والبيانات الأخرى ذات الصلة. على سبيل المثال ، خاصية الحدث.نوع يحتوي على سلسلة مع اسم نوع الحدث:
وظيفة هاندلكليك (الحدث) {فار نوع الحدث = الحدث . النوع;
// رمز معالج الأحداث
}
باستخدام كائن الحدث ، يمكنك إنشاء عناصر تفاعلية على صفحة ويب وتتبع إجراءات المستخدم والرد عليها وفقا لذلك. على سبيل المثال ، عند النقر فوق الزر ، يمكنك تغيير لون خلفية الصفحة أو إرسال البيانات إلى الخادم. يلعب كائن الحدث دورا رئيسيا في تنفيذ هذه الوظيفة.
كيفية الحصول على كائن حدث في المعالج
معالج الأحداث هو وظيفة يتم استدعاؤها استجابة لحدث معين ، مثل النقر بالماوس أو الضغط على المفتاح. عند استدعاء معالج حدث ، يتم تمرير كائن حدث إليه ، والذي يحتوي على معلومات حول الحدث. للوصول إلى هذا الكائن ، يمكنك استخدام الطرق التالية:
// كائن الحدث متاح عبر الحدث.الهدف الحالي
وحدة التحكم.سجل (حدث.كورنتارجيت);
- });
- يحتوي كائن الحدث على العديد من الخصائص التي توفر معلومات حول الحدث نفسه ، مثل إحداثيات النقر بالماوس أو الضغط على مفتاح أو إدخال نص. عند استخدام كائن حدث في وظيفة معالج ، يمكنك الوصول إلى هذه المعلومات وتنفيذ الإجراءات اللازمة وفقا للشروط.
- باستخدام الطرق المذكورة أعلاه للحصول على كائن حدث ، يمكنك بسهولة تطوير صفحات تفاعلية تستجيب لإجراءات المستخدم.
- كائن الحدث وخصائصه
- عند معالجة الأحداث في جافا سكريبت ، يصبح من الضروري الحصول على معلومات حول الحدث نفسه. للقيام بذلك ، يتم استخدام كائن حدث ، والذي يتم تمريره إلى معالج الحدث.
يحتوي كائن الحدث على عدد من الخصائص التي تسمح لك بالحصول على معلومات إضافية حول الحدث الذي حدث. دعونا نلقي نظرة على بعض الخصائص الأكثر استخداما:
حدث.الهدف-يشير إلى العنصر الذي وقع عليه الحدث;
حدث.كيرنتارجيت-يشير إلى العنصر الذي تمت إضافة معالج الحدث;
حدث.النوع-يشير إلى نوع الحدث ، على سبيل المثال ، "انقر" ، "أسفل المفتاح" ، إلخ.;
حدث.مفتاح-يشير إلى المفتاح الذي تم الضغط عليه أثناء حدث لوحة المفاتيح;
حدث.كلينتكس والحدث.كلينتي-تحديد إحداثيات مؤشر الماوس على الصفحة خلال" موسيموف "أو" انقر " الحدث;
حدث.باجيكس والحدث.باجي-يشير إلى الإحداثيات الأفقية والرأسية لمؤشر الماوس بالنسبة إلى نافذة المتصفح في حدث" الماوس "أو" النقر".
هذه ليست سوى بعض خصائص كائن الحدث التي يمكن استخدامها في معالجات الأحداث للحصول على المعلومات اللازمة. يمكن العثور على قائمة كاملة بالخصائص في وثائق جافا سكريبت.
مثال على استخدام كائن حدث:
- زر.أدفنتليستينر ('انقر' ، هاندلكليك);
باستخدام طريقة أديفنتليستينر مع الخيار مرة واحدة
هناك طريقة أخرى للحصول على كائن حدث وهي استخدام الطريقة
أدفنتليستينر
- مع الخيار
- مرة واحدة
- . تسمح لك هذه الطريقة بإنشاء معالج أحداث سيتم حذفه تلقائيا بعد المكالمة الأولى ، ويمكن الحصول على كائن الحدث من وسيطة هذه الوظيفة.
وظيفة هاندلكليك (الحدث) {
// استخدام كائن الحدث داخل معالج الحدث
وحدة التحكم.سجل (حدث.النوع);
- في النهاية ، يعتمد اختيار استخدام طريقة أو أخرى على متطلبات مشروعك وتفضيلاتك في الكود. من المهم أن تتذكر أن كل من هذه الأساليب ستعمل ، ويمكنك اختيار الطريقة التي تناسب وضعك.
- يوفر كائن الحدث في جافا سكريبت معلومات متنوعة حول الحدث الذي حدث ، مثل نوع الحدث والعنصر الذي حدث فيه الحدث وإحداثيات مؤشر الماوس وغير ذلك الكثير. في هذا القسم ، سنلقي نظرة على عدة أمثلة لاستخدام كائن الحدث في الممارسة العملية.
حدث.منعالافتراضي();
الفقرة.محتوى النص = "محتوى فقرة جديدة";
});
الحصول على إحداثيات مؤشر الماوس