2008-10-17 19 views

Antwort

81

Von 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

Dies funktioniert in Firefox, aber dies wird nicht den Text in Chrome oder Edge auswählen. – Vincent

+0

Focus-Methode scheint gut zu funktionieren – edward

14

es beim Laden der Seite zu tun:

27

In Ihrem Input-Tag legen die Folgende:

onFocus="this.select()" 
+0

Dies funktioniert nur in FireFox. In Chrome können Sie das beheben, indem Sie "onmouseup = 'return false'" hinzufügen, aber das wird das Problem in Edge nicht lösen, noch löst es das Problem, wenn Sie die Tastatur verwenden, um in das Element zu navigieren. – Vincent

+1

Ich habe es einfach ausprobiert und arbeite auch an Chrome ('Version 55.0.2883.95 (64-bit)') –

-1
<input type="text" value="test" onclick="this.select()"> 

Test hier. Dies funktioniert sowohl bei Firefox als auch bei Chrome.

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

14

versuchen diese

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

Einfach, Inline, plain js = sublime. – rzb

+0

Dies wird heutzutage ziemlich gut unterstützt https://caniuse.com/#search=autofocus – robstarbuck

0

bei der Verwendung von Jquery ...

html:

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

jquery:

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

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

Verwandte Themen