2008-10-17 11 views

Respuesta

81

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

+0

Esto funciona en Firefox, pero esto no va a seleccionar el texto en Chrome o Edge. – Vincent

+0

El método de enfoque parece estar funcionando bien – edward

14

de hacerlo en la página de carga:

27

En su etiqueta de entrada, coloque el siguiente:

onFocus="this.select()" 
+0

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

+1

Sólo probé y funciona en Chrome, así ('Versión 55.0.2883.95 (64-bit)') –

5

He encontrado un método muy simple que funciona bien:

<input type="text" onclick="this.focus();this.select()"> 
14

probar esto. esto funcionará tanto en Firefox como en Chrome.

<input type="text" value="test" autofocus="autofocus" onfocus="this.select()">

+0

simple, en línea, js lisos = sublime. – rzb

+0

Esto es bastante compatible hoy en día https://caniuse.com/#search=autofocus – robstarbuck

0

cuando se utiliza jQuery ...

html:

<input type='text' value='hello world' id='hello-world-input'> 

jQuery:

$(function() { 
    $('#hello-world-input').focus().select(); 
}); 

ejemplo: https://jsfiddle.net/seanmcmills/xmh4e0d4/

Cuestiones relacionadas