تتبُّع تركيز العنصر
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
لنفترض أنك تختبر إمكانية الوصول إلى الصفحة أثناء التنقل باستخدام لوحة المفاتيح. عند التنقل في الصفحة باستخدام مفتاح Tab، تختفي أحيانًا حلقة التركيز لأن العنصر الذي يحتوي على تركيز مخفي. اتّبِع الخطوات التالية لتتبُّع العنصر الذي يتم التركيز عليه في "أدوات مطوري البرامج":
- افتح وحدة التحكّم.
انقر على إنشاء تعبير مباشر
.
لمزيد من المعلومات، يُرجى الاطّلاع على مشاهدة قيم JavaScript في الوقت الفعلي باستخدام "التعبيرات المباشرة".
اكتب document.activeElement
.
انقر خارج واجهة مستخدم التعبير المباشر للحفظ.
القيمة التي تراها أدناه document.activeElement
هي نتيجة التعبير. نظرًا لأن هذا التعبير يمثل دائمًا العنصر محل التركيز، فلديك الآن طريقة لتتبع العنصر الذي يتم التركيز عليه دائمًا.
- مرِّر مؤشر الماوس فوق النتيجة لتمييز العنصر الذي يتم التركيز عليه في إطار العرض.
- انقر بزر الماوس الأيمن على النتيجة واختَر الكشف في لوحة العناصر لعرض العنصر في شجرة
DOM في لوحة العناصر.
- انقر بزر الماوس الأيمن على النتيجة واختَر تخزين كمتغيّر عمومي لإنشاء مرجع متغيّر للعقدة التي يمكنك استخدامها في وحدة التحكّم.
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2018-12-14 (حسب التوقيت العالمي المتفَّق عليه)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"لا يحتوي على المعلومات التي أحتاج إليها."
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"الخطوات معقدة للغاية / كثيرة جدًا."
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"المحتوى قديم."
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"ثمة مشكلة في الترجمة."
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"مشكلة في العيّنات / التعليمات البرمجية"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"غير ذلك"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"يسهُل فهم المحتوى."
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"ساعَدني المحتوى في حلّ مشكلتي."
},{
"type": "thumb-up",
"id": "otherUp",
"label":"غير ذلك"
}]