как автоматически выберите поле ввода и текст в нем при загрузке страницы

при загрузке страницы я хочу переместить курсор в определенное поле. Не проблема. Но мне также нужно выбрать и выделить значение по умолчанию, которое помещается в текстовое поле.

8 56
javascript html

8 ответов:

от 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!" />
89

в тег input, следующее:

onFocus="this.select()"
28

попробуйте это. это будет работать как на Firefox, так и на chrome.

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

17

чтобы сделать это на странице загрузки:

window.onload = function () {
  var input = document.getElementById('myTextInput');
  input.focus();
  input.select();
}
<input id="myTextInput" value="Hello world!" />
15

Я нашел очень простой способ, который хорошо работает:

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

при использовании jquery...

html:

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

jquery:

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

пример: https://jsfiddle.net/seanmcmills/xmh4e0d4/

2

    var input = document.getElementById('myTextInput');
    input.focus();
    input.setSelectionRange( 6,  19 );
    <input id="myTextInput" value="Hello default value world!" />

выберите определенный текст в текстовом поле

также вы можете использовать как

input.selectionStart = 6;
input.selectionEnd = 19;
0
<input type="text" value="test" onclick="this.select()">
-1