تتبُّع تركيز العنصر

كايس باسك
كايس باسك

لنفترض أنك تختبر إمكانية الوصول إلى الصفحة أثناء التنقل باستخدام لوحة المفاتيح. عند التنقل في الصفحة باستخدام مفتاح Tab، تختفي أحيانًا حلقة التركيز لأن العنصر الذي يحتوي على تركيز مخفي. اتّبِع الخطوات التالية لتتبُّع العنصر الذي يتم التركيز عليه في "أدوات مطوري البرامج":

  1. افتح وحدة التحكّم.
  2. انقر على إنشاء تعبير مباشر إنشاء تعبير مباشر.

    إنشاء تعبير مباشر:

    لمزيد من المعلومات، يُرجى الاطّلاع على مشاهدة قيم JavaScript في الوقت الفعلي باستخدام "التعبيرات المباشرة".

  3. اكتب document.activeElement.

  4. انقر خارج واجهة مستخدم التعبير المباشر للحفظ.

القيمة التي تراها أدناه document.activeElement هي نتيجة التعبير. نظرًا لأن هذا التعبير يمثل دائمًا العنصر محل التركيز، فلديك الآن طريقة لتتبع العنصر الذي يتم التركيز عليه دائمًا.

  • مرِّر مؤشر الماوس فوق النتيجة لتمييز العنصر الذي يتم التركيز عليه في إطار العرض.
  • انقر بزر الماوس الأيمن على النتيجة واختَر الكشف في لوحة العناصر لعرض العنصر في شجرة DOM في لوحة العناصر.
  • انقر بزر الماوس الأيمن على النتيجة واختَر تخزين كمتغيّر عمومي لإنشاء مرجع متغيّر للعقدة التي يمكنك استخدامها في وحدة التحكّم.