এটিতে একটি পাঠ্য বাক্স সহ আমার একটি ওয়েব ফর্ম রয়েছে। আমি কীভাবে ডিফল্টরূপে পাঠ্য বাক্সটিতে ফোকাস সেট করতে যাব?
এটার মতো কিছু:
<body onload='setFocusToTextBox()'>তাহলে কেউ কি আমাকে এতে সাহায্য করতে পারে? আমি জাভাস্ক্রিপ্ট সহ পাঠ্য বাক্সে কীভাবে ফোকাস সেট করব তা জানি না।
<script>
function setFocusToTextBox(){
//What to do here
}
</script>উত্তর:
এটা কর.
যদি আপনার উপাদানটি এরকম কিছু হয় ..
<input type="text" id="mytext"/>আপনার স্ক্রিপ্ট হবে
<script>
function setFocusToTextBox(){
document.getElementById("mytext").focus();
}
</script>Document.forms, Document.getelementsByTagNameবা Node.childNodes) ব্যবহার করে দস্তাবেজটি স্ক্যান করতে হবে এবং হয় একটি পরিচিত নথি কাঠামোর উপর নির্ভর করতে হবে বা কিছু উপাদান নির্দিষ্ট বৈশিষ্ট্য সন্ধান করতে হবে।
এটি মূল্যবান কিসের জন্য, আপনি autofocusHTML5 সামঞ্জস্যপূর্ণ ব্রাউজারগুলিতে বৈশিষ্ট্যটি ব্যবহার করতে পারেন । এমনকি সংস্করণ 10 হিসাবে IE তে কাজ করে।
<input name="myinput" value="whatever" autofocus />সাধারণত যখন আমরা একটি পাঠ্যবক্সে মনোনিবেশ করি তখন আমাদের দৃষ্টিভঙ্গিতেও স্ক্রোল করা উচিত
function setFocusToTextBox(){
var textbox = document.getElementById("yourtextbox");
textbox.focus();
textbox.scrollIntoView();
}এটি সাহায্য করে কিনা তা পরীক্ষা করুন।
যদি আপনার কোডটি হয়:
<input type="text" id="mytext"/>এবং আপনি যদি জিকিউরি ব্যবহার করেন তবে আপনি এটিও ব্যবহার করতে পারেন:
<script>
function setFocusToTextBox(){
$("#mytext").focus();
}
</script>মনে রাখবেন আপনাকে অবশ্যই প্রথমে ইনপুট আঁকতে হবে $(document).ready()
egregiously sloppy, no-effort-expended post, or an answer that is clearly and perhaps dangerously incorrectএর সহায়তা কেন্দ্র অনুসারে @ ফ্যালেনেরেপার ডাউনওয়োটেস রয়েছে । আমি এই বিভাগগুলির কাছাকাছি কোথাও এটি পাই না। সহায়তা কেবল ওপিতে সীমাবদ্ধ নয়, তাই না?
আমি কেবল এটি ব্যবহার করতাম:
<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 এ অটোফোকাস বৈশিষ্ট্যটি ব্যবহার করতে পারেন।
দয়া করে নোট করুন: আমি এই পুরাতন থ্রেডটি আপডেট করতে চেয়েছি উদাহরণটি জিজ্ঞাসা করা আরও প্লাসগুলি এখনও যারা পড়ছেন তাদের জন্য আরও সহজ, সহজ আপডেট দেখাচ্ছে update ;)
যেমন আগেই উল্লেখ করা হয়েছে, ডকুমেন্ট.ফর্মগুলিও কাজ করে।
function setFocusToTextBox( _element ) {
document.forms[ 'myFormName' ].elements[ _element ].focus();
}
setFocusToTextBox( 0 );
// sets focus on first element of the formআপনার <input>বা যদি <textarea>বৈশিষ্ট্যটি থাকে id=mytextতবে ব্যবহার করুন
mytext.focus();উইন্ডো.অনলোড হ'ল প্রাথমিকভাবে ফোকাসটি অন্বেষণ করা হ'ল আপনি টেক্সারিয়ার বাইরে ক্লিক করার সময় ফোকাস স্থাপন করা বা পাঠ্য অঞ্চলটি অস্পষ্টতা এড়ানো
<textarea id="focus"></textarea>
<script>
var mytexarea=document.getElementById("focus");
window.onload=function()
{
mytexarea.focus();
}
mytextarea.onblur=function(){
mytextarea.focus();
}
</script>
document.getElementById('your_text_box_id').focus();।