Tras la carga de la página Quiero mover el cursor a un campo particular. No hay problema. Pero también necesito seleccionar y resaltar el valor predeterminado que se coloca en ese campo de texto.cómo selección automática de un campo de entrada y el texto en ella en la página de carga
Respuesta
De http://www.codeave.com/javascript/code.asp?u_log=7004:
var input = document.getElementById('myTextInput');
input.focus();
input.select();
<input id="myTextInput" value="Hello world!" />
de hacerlo en la página de carga:
En su etiqueta de entrada, coloque el siguiente:
onFocus="this.select()"
Esto solo funciona en FireFox. En Chrome, puedes arreglar esto agregando "onmouseup = 'return false'" pero eso no resolverá el problema en Edge, ni resolverá el problema si estás usando el teclado para navegar en el elemento. – Vincent
Sólo probé y funciona en Chrome, así ('Versión 55.0.2883.95 (64-bit)') –
He encontrado un método muy simple que funciona bien:
<input type="text" onclick="this.focus();this.select()">
<input type="text" value="test" onclick="this.select()">
prueba aquí
probar esto. esto funcionará tanto en Firefox como en Chrome.
<input type="text" value="test" autofocus="autofocus" onfocus="this.select()">
simple, en línea, js lisos = sublime. – rzb
Esto es bastante compatible hoy en día https://caniuse.com/#search=autofocus – robstarbuck
cuando se utiliza jQuery ...
html:
<input type='text' value='hello world' id='hello-world-input'>
jQuery:
$(function() {
$('#hello-world-input').focus().select();
});
- 1. Establecer el foco en el texto de entrada JSF específico en la carga de la página
- 2. Cómo enfocar la entrada y anular la selección de texto dentro de ella
- 3. ¿Detecta el "valor" del campo de texto de entrada después de un evento de selección en el campo de texto?
- 4. ¿Cómo centrarse en un campo de texto de entrada de formulario en la carga de página usando jQuery?
- 5. ¿Cómo puedo enfocarme en un campo de entrada cuando se carga una página de phonegap?
- 6. ¿Cómo esperar la entrada en un campo de texto?
- 7. texto predeterminado en el campo de entrada
- 8. Establecer campo de texto personalizado en la Lista de selección
- 9. Combinación de entrada y selección en un campo de entrada visible
- 10. Jquery: ¿se enfoca en un campo de entrada en un formulario en la carga de la página?
- 11. Centrar un marcador de posición y texto de entrada en un campo de texto
- 12. Carga de varias imágenes con un campo de entrada
- 13. ¿Cómo agregar un campo personalizado de selección a la página de pago en WooCommerce?
- 14. Cómo desactivar el teclado de iPhone para un campo de entrada específico en la página web
- 15. Jquery Elegido foco en la carga de la página (¿onLoad?)
- 16. jquery cómo vaciar el campo de entrada
- 17. ¿Es posible eliminar el foco de una entrada de texto cuando se carga una página?
- 18. Programando texto parcialmente parcial en un campo de entrada
- 19. Cómo eliminar el elemento no seleccionado en una entrada de selección y de radio en Django
- 20. ¿Cómo se hace algo de texto, dentro de un campo de texto de entrada, en negrita?
- 21. ¿Cómo cambio el color del cursor de texto en un campo de entrada en IE?
- 22. cómo desactivar la selección automática de MobileSafari?
- 23. Selección de usuario: ninguno hace que el campo de entrada sea inaccesible en Safari
- 24. SQLite campo de selección si el texto en el interior contiene un texto específico
- 25. Entrada de entrada personalizada para UITextField, ¿cómo dirijo la entrada de regreso al campo de texto?
- 26. ¿Cómo obtener el nuevo valor de un campo de entrada de texto en pegar?
- 27. Anular la selección de texto en un cuadro de texto
- 28. pequeña 'x' en la entrada de campo de texto en el iphone en mobileSafari?
- 29. Carga automática de un módulo en el inicio de Python
- 30. Minería automática de CSS y Javascript en la carga
Esto funciona en Firefox, pero esto no va a seleccionar el texto en Chrome o Edge. – Vincent
El método de enfoque parece estar funcionando bien – edward