Esto es probablemente muy simple, pero ¿podría alguien decirme cómo hacer que el cursor parpadee en un cuadro de texto al cargar la página?¿Cómo centrarse en un campo de texto de entrada de formulario en la carga de página usando jQuery?
¿Cómo centrarse en un campo de texto de entrada de formulario en la carga de página usando jQuery?
Respuesta
establecer el foco en el primer campo de texto:
$("input:text:visible:first").focus();
Esto también hace el primer campo de texto, pero se puede cambiar la [0] a otro índice:
$('input[@type="text"]')[0].focus();
O bien, puede utilizar el ID:
$("#someTextBox").focus();
Claro:
<head>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#myTextBox").focus();
});
</script>
</head>
<body>
<input type="text" id="myTextBox">
</body>
HTML:
<input id="search" size="10" />
jQuery:
$("#search").focus();
si usa html5, solo agrega el atributo 'autofocus' al elemento de entrada? –
Piense en su interfaz de usuario antes hacer esto. Supongo (aunque ninguna de las respuestas lo ha dicho) que lo hará cuando el documento se cargue utilizando la función ready()
de jQuery. Si un usuario ya se ha enfocado en un elemento diferente antes de que el documento se haya cargado (lo cual es perfectamente posible), entonces es extremadamente irritante que le roben el foco.
Se puede comprobar esto mediante la adición de onfocus
atributos en cada uno de sus <input>
elementos para registrar si el usuario ya ha centrado en un campo de formulario y luego no robar el foco si tienen:
var anyFieldReceivedFocus = false;
function fieldReceivedFocus() {
anyFieldReceivedFocus = true;
}
function focusFirstField() {
if (!anyFieldReceivedFocus) {
// Do jQuery focus stuff
}
}
<input type="text" onfocus="fieldReceivedFocus()" name="one">
<input type="text" onfocus="fieldReceivedFocus()" name="two">
Lo siento por chocando una vieja pregunta. Encontré esto vía google.
También vale la pena señalar que es posible utilizar más de un selector, por lo que puede orientar cualquier elemento de formulario, y no solo un tipo específico.
por ejemplo.
$('#myform input,#myform textarea').first().focus();
Esto se desarrollará la primera entrada o área de texto que encuentra, y por supuesto usted puede agregar otros selectores en la mezcla también. Hnady si no puede estar seguro de que un tipo de elemento específico sea el primero, o si quiere algo un poco general/reutilizable.
Excelente sugerencia @Andrew. – DOK
lugar después de la entrada
<script type="text/javascript">document.formname.inputname.focus();</script>
Por qué está todo el mundo usando jQuery para algo simple como esto.
<body OnLoad="document.myform.mytextfield.focus();">
+1 ¡La manera más simple! –
Porque la pregunta está etiquetada como jQuery. –
Esto es lo que yo prefiero usar:
<script type="text/javascript">
$(document).ready(function() {
$("#fieldID").focus();
});
</script>
Es una mala manera de hacer las cosas, centrarse en un en la carga de documentos, simplemente use el atributo 'autofocus' provisto por HTML5 – OverCoder
Se puede utilizar para este HTML5 autofocus
. No necesita jQuery u otro JavaScript.
<input type="text" name="some_field" autofocus>
Tenga en cuenta que esto no funcionará en IE9 y versiones anteriores.
autofocus no funciona en IE11 https://stackoverflow.com/questions/34068302/autofocus-attribute -on-input-field-not-working-in-ie-11 –
La manera más simple y más fácil de lograrlo
$('#button').on('click', function() {
$('.form-group input[type="text"]').attr('autofocus', 'true');
});
- 1. Jquery: ¿se enfoca en un campo de entrada en un formulario en la carga de la página?
- 2. jQuery Centrarse dinámicamente en la primera ENTRADA o Textarea
- 3. ¿Cómo puedo enfocarme en un campo de entrada cuando se carga una página de phonegap?
- 4. cómo enfocar un campo de formulario de entrada cuando la página cargada
- 5. cómo selección automática de un campo de entrada y el texto en ella en la página de carga
- 6. Establecer el foco en el texto de entrada JSF específico en la carga de la página
- 7. ¿Cómo no permitir escribir en un campo de entrada de texto usando jQuery?
- 8. ¿Cómo esperar la entrada en un campo de texto?
- 9. Cómo validar la entrada de datos en un formulario sharepoint?
- 10. jquery cómo vaciar el campo de entrada
- 11. Jquery Elegido foco en la carga de la página (¿onLoad?)
- 12. campo de entrada Deseleccionar/unfocus usando jQuery
- 13. jQuery: Agregar texto después de un campo de entrada
- 14. texto de validación de campo usando jQuery
- 15. Detección de autocompletar en la entrada de formulario con jQuery
- 16. Carga JQuery en cualquier página usando Firebug
- 17. Cómo desactivar el teclado de iPhone para un campo de entrada específico en la página web
- 18. campo de entrada html FUERA del formulario
- 19. Configuración del texto del campo de entrada de Jquery Mobile
- 20. Cómo crear un campo de entrada de contraseña usando Tkinter
- 21. jQuery: cómo obtener el "valor" del campo de entrada de carga de archivo
- 22. Carga de varias imágenes con un campo de entrada
- 23. texto predeterminado en el campo de entrada
- 24. ¿Cómo desencadenar un desenfoque/evento de enfoque en un cuadro de texto de entrada usando jquery?
- 25. jQuery: ¿texto de color animado para el campo de entrada?
- 26. ¿Es posible eliminar el foco de una entrada de texto cuando se carga una página?
- 27. Carga de archivos usando jquery sin actualización de página
- 28. Cómo desencadenar el envío de un formulario al cargar la página usando Jquery
- 29. Añadiendo dinámicamente campo de formulario HTML usando jQuery
- 30. Establecer la posición del cursor en un campo de texto de entrada
No nos importa aquí preguntas sencillas. – DOK
Verifique la respuesta de sohail arif en el siguiente enlace: http://stackoverflow.com/questions/18054459/how-to-place-the-cursor-auto-focus-in-text-box-when-a-page-gets- cargado-sin –