यह शायद बहुत सरल है, लेकिन क्या कोई मुझे बता सकता है कि पेज लोड पर टेक्स्ट बॉक्स पर कर्सर को कैसे झपकाएं?
जवाबों:
पहले टेक्स्ट फ़ील्ड पर ध्यान केंद्रित करें:
$("input:text:visible:first").focus();यह पहला टेक्स्ट फ़ील्ड भी करता है, लेकिन आप [0] को दूसरे इंडेक्स में बदल सकते हैं:
$('input[@type="text"]')[0].focus(); या, आप आईडी का उपयोग कर सकते हैं:
$("#someTextBox").focus();$('input[type="text"]').get(0).focus(); ... मेरे लिए काम किया
आप इसके लिए HTML5 काautofocus उपयोग कर सकते हैं । आपको jQuery या अन्य जावास्क्रिप्ट की आवश्यकता नहीं है।
<input type="text" name="some_field" autofocus>ध्यान दें कि यह IE9 और लोअर पर काम नहीं करेगा।
ज़रूर:
<head>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#myTextBox").focus();
});
</script>
</head>
<body>
<input type="text" id="myTextBox">
</body>क्यों हर कोई इस के रूप में कुछ सरल के लिए jQuery का उपयोग कर रहा है।
<body OnLoad="document.myform.mytextfield.focus();">ऐसा करने से पहले अपने यूजर इंटरफेस के बारे में सोचें। मैं मानता हूं (हालांकि किसी भी उत्तर ने ऐसा नहीं कहा है) जब आप jQuery के ready()फ़ंक्शन का उपयोग करके दस्तावेज़ लोड करते हैं तो आप ऐसा कर रहे होंगे । यदि उपयोगकर्ता ने दस्तावेज़ लोड होने से पहले ही एक अलग तत्व पर ध्यान केंद्रित किया है (जो कि पूरी तरह से संभव है) तो यह उनके लिए बहुत ही परेशान करने वाला है कि फोकस को चुरा लिया जाए।
आप यह दर्ज करने के लिए onfocusअपने प्रत्येक <input>तत्व में विशेषताएँ जोड़कर देख सकते हैं कि क्या उपयोगकर्ता पहले से ही किसी फॉर्म फ़ील्ड पर फोकस कर चुका है और फिर फोकस को चुरा नहीं रहा है:
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();autofocusतो इनपुट तत्व में विशेषता जोड़ें ?
एक पुराने प्रश्न को टालने के लिए क्षमा करें। मुझे यह google के माध्यम से मिला।
यह भी ध्यान देने योग्य है कि एक से अधिक चयनकर्ता का उपयोग करना संभव है, इस प्रकार आप किसी भी प्रकार के तत्व को लक्षित कर सकते हैं, और केवल एक विशिष्ट प्रकार को नहीं।
जैसे।
$('#myform input,#myform textarea').first().focus();यह पहले इनपुट या टेक्सटेरिया को खोजता है, और निश्चित रूप से आप अन्य चयनकर्ताओं को भी मिश्रण में जोड़ सकते हैं। Hnady यदि आप पहले एक विशिष्ट तत्व प्रकार के बारे में निश्चित नहीं हो सकते हैं, या यदि आप कुछ सामान्य / पुन: प्रयोज्य चाहते हैं।
यह वह है जो मैं उपयोग करना पसंद करता हूं:
<script type="text/javascript">
$(document).ready(function () {
$("#fieldID").focus();
});
</script>autofocusHTML5 द्वारा प्रदान की गई विशेषता का उपयोग करें
इनपुट के बाद जगह
<script type="text/javascript">document.formname.inputname.focus();</script>इसे प्राप्त करने का सरल और आसान तरीका
$('#button').on('click', function () {
$('.form-group input[type="text"]').attr('autofocus', 'true');
});लाइन $('#myTextBox').focus()अकेले टेक्स्ट बॉक्स में कर्सर नहीं डालेगी, इसके बजाय उपयोग करें:
$('#myTextBox:text:visible:first').focus();