textbox - يعمل JavaScript على ضبط التركيز على عنصر نموذج HTML




focus (7)

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

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

<body onload='setFocusToTextBox()'>

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

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

Answers

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

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

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

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

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


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

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

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


لما يستحق ، يمكنك استخدام سمة autofocus على المتصفحات المتوافقة مع HTML5. يعمل حتى على IE اعتبارًا من الإصدار 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>

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

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


افعل هذا.

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

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

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

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

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

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

إجابة:

  • سيحاول المستعرض تحويل chucknorris إلى قيمة سداسية عشرية.
  • بما أن c هي الحرف السداسي الوحيد الصحيح في chucknorris ، تتحول القيمة إلى: c00c00000000 ( 0 لكافة القيم غير الصالحة ).
  • ثم يقسم المتصفح النتيجة إلى 3 مجموعات: Red = c00c ، Green = 0000 ، Blue = 0000 .
  • نظرًا لأن القيم السداسيّة الصالحة لخلفيات html تحتوي فقط على رقمين لكل نوع من أنواع الألوان ( r ، g ، b ) ، يتم اقتطاع آخر رقمين من كل مجموعة ، مع ترك قيمة rgb هي c00000 وهو لون ذو لون أحمر مائل إلى الطوب.






javascript html textbox focus