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

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

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

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

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

  3. اكتب document.activeElement.

  4. انقر خارج واجهة مستخدم Live Expression للحفظ.

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

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