एलिमेंट फ़ोकस को ट्रैक करें

Kayce Basques
Kayce Basques
Alexandra Klepper
Alexandra Klepper

मान लें कि आप किसी पेज पर, कीबोर्ड की मदद से नेविगेट करने की सुविधा की ऐक्सेसिबिलिटी की जांच कर रहे हैं. `Tab` कुंजी की मदद से पेज पर नेविगेट करते समय, कभी-कभी फ़ोकस रिंग गायब हो जाती है. ऐसा इसलिए होता है, क्योंकि फ़ोकस किया गया एलिमेंट छिपा होता है. DevTools में, फ़ोकस किए गए एलिमेंट को ट्रैक करने के लिए:

  1. कंसोल खोलें.
  2. **लाइव एक्सप्रेशन बनाएं** पर क्लिक करें.

    लाइव एक्सप्रेशन बनाना.

    लाइव एक्सप्रेशन की मदद से, रीयल-टाइम में JavaScript की वैल्यू देखें में ज़्यादा जानें.

  3. document.activeElement टाइप करें.

  4. सेव करने के लिए, लाइव एक्सप्रेशन इंटरफ़ेस से बाहर क्लिक करें.

document.activeElement के बाद की वैल्यू, एक्सप्रेशन का नतीजा होती है. चूंकि, यह एक्सप्रेशन हमेशा फ़ोकस किए गए एलिमेंट को दिखाता है, इसलिए यह ट्रैक किया जा सकता है कि किस एलिमेंट पर फ़ोकस है.

  • व्यू पोर्ट में, फ़ोकस किए गए एलिमेंट को हाइलाइट करने के लिए, नतीजे पर कर्सर घुमाएं.
  • एलिमेंट पैनल में, डीओएम ट्री में एलिमेंट दिखाने के लिए, नतीजे पर राइट क्लिक करें और एलिमेंट पैनल में खोलें को चुनें.
  • कंसोल में इस्तेमाल करने के लिए, नोड का वैरिएबल रेफ़रंस बनाने के लिए, नतीजे पर राइट क्लिक करें और ग्लोबल वैरिएबल के तौर पर सेव करें को चुनें.