YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Arabic subtitles

What are Browser Events

Get Embed Code
12 Languages

Showing Revision 1 created 06/09/2016 by Udacity Robot.

  1. تأخذ الأحداث في الحياة الواقعية شكل
    إجراءات محددة تحدث في أوقات
  2. .محددة
  3. ،على سبيل المثال، في مباراة لعبة كرة السلة
    .عندما تدخل الكرة في السلة
  4. .يحصل الفريق الذي أدخلها على نقطة
  5. الحدث هو الكرة
    .وهي تدخل في السلة
  6. والإجراء الناتج هو
    .أن الفريق الذي أحرز الهدف يحصل على نقاط
  7. .للمستعرض أيضًا أحداث
  8. ،في كل مرة تقومون بتحريك الماوس
    ،أو تنقرون على رابط
  9. ،أو ترسلون نموذجًا، أو تقومون بأي شيء في الواقع
  10. يعلن المستعرض لديكم
    .عن الإجراء الذي قمتم به للتو
  11. أريد أن أريكم ما
    .يقوم به المستعرض بالضبط
  12. .Google Chrome يوفر دالة مفيدة
  13. دالة monitorEvents التي
    ستتيح لكم إلقاء نظرة سريعة على ما يحدث في الكواليس
  14. .لرؤية الأحداث أثناء حدوثها
  15. تمررون للدالة العنصر
    الموجود على الصفحة الذي تريدون رؤيته
  16. .للأحداث
  17. هذه الدالة لا يمكن استخدامها إلا
    .عن طريق وحدة تحكم أدوات مطوِّر Chrome
  18. لا تحاولوا استخدام هذه الدالة
    .في ملف JavaScript لديكم
  19. إنها لن تعمل
    .وستتسبب في خطأ مرجع
  20. وبعد ذكر إخلاء المسؤولية هذا، \دعوني
    .أريكم الملاحظات التي توفرها
  21. ،إذًا، في هذه الصفحة، يمكنكم الرؤية
    .لدي حقل نص بسيط
  22. أولاً، سأستخدم jQuery لتحديد
    ،كل المدخلات في الصفحة
  23. ثم سأختار
    .أول واحد هنا
  24. بعد ذلك، سأستدعي
    دالة monitorEvents وأقوم
  25. بتمرير المتغير
    .الذي يضم حقل الإدخال الأول إليها
  26. تراقب الدالة monitorEvents
    العناصر بحثًا عن الأحداث
  27. .وتسجلها كلها
  28. لذا سأتفاعل مع حقل النص
    .وأشاهد Chrome يسجل كل الأحداث
  29. كما ترون باستخدام
    ،دالة monitorEvents function
  30. يمكنكم ملاحظة ما تقوم به المستعرضات
    عندما تتفاعلون مع عناصر الصفحة
  31. .بطرق جديدة