YouTube

Got a YouTube account?

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

Arabic subtitles

Anatomy of a jQuery Event Listener

Get Embed Code
15 Languages

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

  1. ،حتى الآن
    ،كنتم تتدارسون الأحداث التي تتم على المستعرض

  2. ووصلتم لأهم تفاصيلها
    .خلال تسجيلها
  3. والآن حان وقت الإصغاء
    .والاستجابة لها باستخدام jQuery
  4. لهذا الغرض، هناك ثلاثة عناصر تحتاجونها من أجل
    .أن توزعوا رسائل الأحداث وتتفاعلوا معها
  5. تحتاجون إلى العنصر الهدف لتوزيع رسائله
    والحدث الذي نريد التفاعل معه
  6. .والإجراءات المطلوب اتخاذها استجابةً لذلك
  7. .دعوني أريكم مثالاً عمليًا
  8. أحتاج أولاً إلى العنصر الهدف الذي
    ستوزع jQuery رسائله
  9. للأحداث؛ وبالتالي سأستخدم jQuery
    .لكي أحدد الحقل input
  10. .ثم سأستدعي الأسلوب
  11. وأسلوب on هذا هو
    .مكمن البراعة في الأمر
  12. إنه الوسيلة المبدئية التي تستخدمها jQuery
    .لإعداد موزعات رسائل الأحداث
  13. والوسيطة الأولى لأسلوب on
    .هي الحدث الذي أريد أن أوزع رسائله
  14. .والتي تعتبر في هذا المثال: keypress
  15. ولكنها يمكن أيضًا أن تكون النقر والتغيير
    .وتحريك الماوس لتسمية البعض
  16. ،وفي نهاية الأمر
  17. أنا أسعى إلى تمرير دالة
    .بالإجراءات التي أريد أن تحدث كاستجابة
  18. .وهذه الدالة تُدعى الاستدعاء
  19. ودالة الاستدعاء الجاري
    تمريرها إلى الأسلوب on
  20. .ما هي إلا دالة JavaScript عادية
  21. وبالتالي يمكنها أن تحتوي على
    ،أي تعليمة JavaScript برمجية تريدها
  22. بدءًا من تبديل محتوى الصفحة
    .وحتى تعليمة analytics البرمجية
  23. سأغيّر محتويات الدالة
    .لكي أبدّل لون الصفحة
  24. .ثم أختبرها
  25. .ها هو ذا
    .يبدوا جيدًا
  26. ،في الاختبار التالي
    .ستنشئون موزع رسائل الأحداث الخاص بكم