it-swarm.asia

تعيين جافا سكريبت التركيز على عنصر نموذج HTML

لدي نموذج ويب به مربع نص فيه. كيف يمكنني تحديد التركيز على مربع النص افتراضيًا؟

شيء من هذا القبيل:

<body onload='setFocusToTextBox()'>

لذلك يمكن لأي شخص مساعدتي في ذلك؟ لا أعرف كيفية ضبط التركيز على مربع النص باستخدام JavaScript.

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

افعل هذا.

إذا كان العنصر الخاص بك هو شيء مثل هذا ..

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

سيكون السيناريو الخاص بك

<script>
function setFocusToTextBox(){
    document.getElementById("mytext").focus();
}
</script>
525
mohkhan

لما يستحق ، يمكنك استخدام سمة autofocus على المتصفحات المتوافقة مع HTML5. يعمل حتى على IE اعتبارًا من الإصدار 10.

<input name="myinput" value="whatever" autofocus />
128
a better oliver

عادة عندما نركز على مربع نص ، يجب علينا أيضًا التمرير إلى العرض

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

تحقق مما اذا كان يساعد.

60
Khanh TO

إذا كان الكود الخاص بك هو:

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

وإذا كنت تستخدم JQuery ، يمكنك استخدام هذا أيضًا:

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

ضع في اعتبارك أنه يجب عليك رسم الإدخال أولاً $(document).ready()

25
Richard Rebeco

لجافا سكريبت عادي ، جرّب ما يلي:

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

اعتدت على مجرد استخدام هذا:

<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>

ومع ذلك ، يمكنك فقط استخدام سمة ضبط تلقائي للصورة في HTML 5.

يرجى ملاحظة: أردت تحديث هذا الخيط القديم الذي يوضح المثال الذي تم طرحه بالإضافة إلى التحديث الأحدث والأسهل لمن لا يزالون يقرؤون هذا. ؛)

2
user6558655

كما ذكر سابقا ، document.forms يعمل أيضا.

function setFocusToTextBox( _element ) {
  document.forms[ 'myFormName' ].elements[ _element ].focus();
}

setFocusToTextBox( 0 );
// sets focus on first element of the form
1
Mac

إذا كانت السمة <input> أو <textarea> لها سمة id=mytext ، فاستخدمها

mytext.focus();
function setFocusToTextBox() {
    mytext.focus();
}
<body onload='setFocusToTextBox()'>
  <form>
    <input type="text" id="mytext"/>
  </form>
</body>
0
Kamil Kiełczewski