JQuery के उपयोग से पेज लोड पर एक फॉर्म इनपुट टेक्स्ट फ़ील्ड पर फ़ोकस कैसे करें? [javascript]


Answers

आप इसके लिए एचटीएमएलएफ़ autofocus उपयोग कर सकते हैं। आपको jQuery या अन्य जावास्क्रिप्ट की ज़रूरत नहीं है

<input type="text" name="some_field" autofocus>

ध्यान दें यह IE9 पर काम नहीं करेगा और कम होगा

Question

यह शायद बहुत सरल है, लेकिन क्या कोई मुझे बता सकता है कि पृष्ठ लोड पर एक टेक्स्ट बॉक्स पर कर्कश ब्लिंक कैसे हो सकता है?




ऐसा करने से पहले अपने यूजर इंटरफेस के बारे में सोचें मुझे लगता है (हालांकि जवाब में से कोई भी ऐसा नहीं कहा है) कि जब आप दस्तावेज़ jQuery के ready() फ़ंक्शन का उपयोग करते हुए लोड करते हैं तो आप ऐसा करेंगे। यदि कोई उपयोगकर्ता पहले से ही एक अलग तत्व पर फ़ोकस कर चुका है, जो दस्तावेज लोड होने से पहले (जो पूरी तरह से संभव है) तो यह बेहद परेशान है कि फोकस को चोरी हो जाने के लिए

आप अपने प्रत्येक <input> तत्वों में onfocus एट्रिब्यूट्स को जोड़कर इस बात की जांच कर सकते हैं कि क्या उपयोगकर्ता पहले ही एक प्रपत्र फ़ील्ड पर ध्यान केंद्रित कर रहा है और फ़ोकस को चोरी नहीं कर रहा है या नहीं:

var anyFieldReceivedFocus = false;

function fieldReceivedFocus() {
    anyFieldReceivedFocus = true;
}

function focusFirstField() {
    if (!anyFieldReceivedFocus) {
        // Do jQuery focus stuff
    }
}


<input type="text" onfocus="fieldReceivedFocus()" name="one">
<input type="text" onfocus="fieldReceivedFocus()" name="two">



HTML:

  <input id="search" size="10" />

jQuery:

$("#search").focus();



यह मैं जो प्रयोग करना पसंद करता हूं:

<script type="text/javascript">
    $(document).ready(function () {
        $("#fieldID").focus(); 
    });
</script>



Links