HTML DOM बटन ऑटोफोकस प्रॉपर्टी
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैबटन ऑटोफोकस गुण सेट करना -
buttonObject.autofocus = true|false
यहाँ, true|false निर्दिष्ट करता है कि क्या दिए गए इनपुट बटन को पृष्ठ लोड होने पर ध्यान केंद्रित नहीं करना चाहिए।
- सच - इनपुट बटन पर फोकस हो जाता है
- झूठा − इनपुट बटन पर फोकस नहीं होता है।
उदाहरण
आइए HTML DOM बटन ऑटोफोकस प्रॉपर्टी के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<button type="button" id="MyButton" autofocus>BUTTON</button>
<p>Click the below button to know if the input button above automatically gets the focus on page load or not</p>
<button onclick="buttonFocus()">CLICK IT</button>
<p id="Sample"></p>
<script>
function buttonFocus() {
var x = document.getElementById("MyButton").autofocus;
if(x==true)
document.getElementById("Sample").innerHTML="The input button does get focus on page load";
else
document.getElementById("Sample").innerHTML="The input button does not get focus on
page load";
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
क्लिक आईटी बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमारे पास "MyButton" आईडी वाला एक बटन है और ऑटोफोकस गुण सक्षम है -
<button type="button" id="MyButton" autofocus>BUTTON</button>
फिर हमारे पास बटनफोकस () फ़ंक्शन निष्पादित करने के लिए आईटी बटन पर क्लिक करें -
<button onclick="buttonFocus()">CLICK IT</button>
बटनफोकस () फ़ंक्शन getElementById () विधि का उपयोग करके बटन तत्व प्राप्त करता है और इसका ऑटोफोकस मान प्राप्त करता है, जो बूलियन है और इसे चर x को असाइन करता है। सशर्त बयानों का उपयोग करके हम जांचते हैं कि ऑटोफोकस मान सत्य और गलत है या नहीं और इसके साथ जुड़े आईडी "नमूना" के साथ
तत्व में उपयुक्त टेक्स्ट प्रदर्शित करते हैं।
function buttonFocus() {
var x = document.getElementById("MyButton").autofocus;
if(x==true)
document.getElementById("Sample").innerHTML="The input button does get focus on page load";
else
document.getElementById("Sample").innerHTML="The input button does not get focus on page load";
}