DOM activeElement प्रॉपर्टी
activeElement प्रॉपर्टी (document.activeElement) वर्तमान में फोकस प्राप्त एलिमेंट को लौटाती है। यह एक रीड-ओनली प्रॉपर्टी है। यदि कोई एलिमेंट फोकस्ड नहीं है, तो <body> या null लौटाती है।
सिंटैक्स
document.activeElement
उदाहरण: सक्रिय एलिमेंट पहचानना
<!DOCTYPE html>
<html>
<body onclick="showActive()">
<h2>हेडिंग टू</h2>
<p>सक्रिय एलिमेंट प्राप्त करने के लिए किसी एलिमेंट पर क्लिक करें।</p>
<input type="text" value="टेक्स्ट दर्ज करें...">
<p id="result"></p>
<script>
function showActive() {
var active = document.activeElement.tagName;
document.getElementById("result").innerHTML = "सक्रिय एलिमेंट: " + active;
}
</script>
</body>
</html>
आउटपुट
इनपुट फील्ड पर क्लिक करने पर: सक्रिय एलिमेंट: INPUT
पैराग्राफ पर क्लिक करने पर: सक्रिय एलिमेंट: P
उपयोग के मामले
- फॉर्म वैलिडेशन: कौन सा फील्ड फोकस्ड है जांचना
- कीबोर्ड शॉर्टकट्स: संदर्भ-संवेदी शॉर्टकट्स
- एक्सेसिबिलिटी: फोकस प्रबंधन, मॉडल ट्रैप
- टूलबार/एडिटर्स: वर्तमान संपादन क्षेत्र जानना
- डिबगिंग: फोकस समस्याओं का निदान
संबंधित अवधारणाएं
// फोकस सेट करें element.focus(); // फोकस हटाएं element.blur(); // फोकस करने योग्य एलिमेंट्स // button, input, select, textarea, a[href], area[href], // iframe, [tabindex], [contenteditable]
नोट
document.activeElement केवल वर्तमान दस्तावेज़ के लिए काम करता है। यदि फोकस किसी iframe में है, तो उस iframe के document.activeElement की आवश्यकता होगी।
