javascript - atscript - जावास्क्रिप्ट सेट एचटीएमएल फॉर्म तत्व पर ध्यान केंद्रित करें




स्क्रिप्टिंग भाषा (5)

आमतौर पर जब हम टेक्स्टबॉक्स पर ध्यान केंद्रित करते हैं, तो हमें भी देखने में स्क्रॉल करना चाहिए

function setFocusToTextBox(){
    var textbox = document.getElementById("yourtextbox");
    textbox.focus();
    textbox.scrollIntoView();
}

जांचें कि क्या यह मदद करता है।

मेरे पास एक टेक्स्ट बॉक्स वाला एक वेब फॉर्म है। डिफ़ॉल्ट रूप से टेक्स्ट बॉक्स पर फ़ोकस सेट करने के बारे में मैं कैसे जा सकता हूं?

कुछ इस तरह:

<body onload='setFocusToTextBox()'>

तो क्या कोई मेरी मदद कर सकता है? मुझे नहीं पता कि जावास्क्रिप्ट के साथ टेक्स्ट बॉक्स पर फ़ोकस कैसे सेट करें।

<script>
function setFocusToTextBox(){
//What to do here
}
</script>

इसके लायक होने के लिए, आप एचटीएमएल 5 संगत ब्राउज़रों पर autofocus विशेषता का उपयोग कर सकते हैं। संस्करण 10 के रूप में आईई पर भी काम करता है।

<input name="myinput" value="whatever" autofocus />

मैं बस इसका इस्तेमाल करता था:

<html>
<head>
<script type="text/javascript">
function focusFieldOne() {
document.FormName.FieldName.focus();
}
</script>
</head>

<body onLoad="focusFieldOne();">
<form name="FormName">
Field <input type="text" name="FieldName">
</form>
</body>
</html>

उस ने कहा, आप एचटीएमएल 5 में ऑटोफोकस विशेषता का उपयोग कर सकते हैं।

कृपया ध्यान दें: मैं इस पुराने धागे को अद्यतन करना चाहता हूं उदाहरण के साथ-साथ यह भी पढ़ने वाले लोगों के लिए आसान, आसान अपडेट दिखा रहा है। ;)


यदि आपका कोड है:

<input type="text" id="mytext"/>

और यदि आप JQuery का उपयोग कर रहे हैं, तो आप इसका भी उपयोग कर सकते हैं:

<script>
function setFocusToTextBox(){
    $("#mytext").focus();
}
</script>

ध्यान रखें कि आपको पहले इनपुट ($ (दस्तावेज़) .ready ()) खींचना होगा


सादा जावास्क्रिप्ट के लिए, निम्न आज़माएं:

window.onload = function() {
  document.getElementById("TextBoxName").focus();
};





focus