Tengo un formulario web con un cuadro de texto. ¿Cómo hago para configurar el foco en el cuadro de texto de forma predeterminada?
Algo como esto:
<body onload='setFocusToTextBox()'>Entonces, ¿alguien puede ayudarme con eso? No sé cómo establecer el foco en el cuadro de texto con JavaScript.
<script>
function setFocusToTextBox(){
//What to do here
}
</script>Respuestas:
Hacer esto.
Si tu elemento es algo como esto ...
<input type="text" id="mytext"/>Tu guión sería
<script>
function setFocusToTextBox(){
document.getElementById("mytext").focus();
}
</script>Document.forms, Document.getelementsByTagNameo Node.childNodes) y confiar en una estructura de documento conocida o buscar algunas propiedades específicas del elemento.
Para lo que vale, puede usar el autofocusatributo en navegadores compatibles con HTML5. Funciona incluso en IE a partir de la versión 10.
<input name="myinput" value="whatever" autofocus />Por lo general, cuando nos centramos en un cuadro de texto, también debemos desplazarnos a la vista
function setFocusToTextBox(){
var textbox = document.getElementById("yourtextbox");
textbox.focus();
textbox.scrollIntoView();
}Comprueba si ayuda.
Si tu código es:
<input type="text" id="mytext"/>Y si está utilizando JQuery, también puede usar esto:
<script>
function setFocusToTextBox(){
$("#mytext").focus();
}
</script>Tenga en cuenta que primero debe dibujar la entrada $(document).ready()
egregiously sloppy, no-effort-expended post, or an answer that is clearly and perhaps dangerously incorrect, según el centro de ayuda de stackoverflow. No encuentro esto cerca de esas categorías. Ayudar no se limita al OP, ¿verdad?
Solía usar esto:
<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>Dicho esto, puede usar el atributo de enfoque automático en HTML 5.
Tenga en cuenta: quería actualizar este hilo antiguo que muestra el ejemplo solicitado más la actualización más nueva y más fácil para aquellos que todavía leen esto. ;)
Como se mencionó anteriormente, document.forms también funciona.
function setFocusToTextBox( _element ) {
document.forms[ 'myFormName' ].elements[ _element ].focus();
}
setFocusToTextBox( 0 );
// sets focus on first element of the formwindow.onload es poner foco inicialmente en desenfoque es poner foco mientras haces clic fuera del área de texto, o evitar el desenfoque del área de texto
<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();.