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


2 Answers

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

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

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

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

<body onload='setFocusToTextBox()'>

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

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



اعتدت على استخدام هذا فقط:

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

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

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

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






Related