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

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

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

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

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

  3. اكتب document.activeElement.

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

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

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