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

Kayce Basques
Kayce Basques
Alexandra Klepper
Alexandra Klepper

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

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

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

    يمكنك الاطّلاع على مزيد من المعلومات في مراقبة قيم JavaScript في الوقت الفعلي باستخدام Live Expressions.

  3. اكتب document.activeElement.

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

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

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