2012-06-14 3 views
4

Я работаю над приложением, и я хочу, чтобы текстовое поле было выбрано, когда страница загружается, так что, когда пользователь использует Ctrl + v, он вставляет содержимое внутри текстового поля. Кто-нибудь знает, как это сделать? текстовое полеКак выбрать содержимое внутри текстового поля при загрузке страницы?

<div> 
    <input wicket:id="email-address" type="text" id="textbox-email" /> 
</div> 

Спасибо!

ответ

0

вы должны установить фокус на свой вход:

document.forms['your_form'].elements['your_textbox'].focus(); 

Для примера выше:

document.getElementById('textbox-email').focus() 


После того, как получил фокус, вы должны выбрать его:

либо добавить этот onfocus атрибут ваших входов (лучше)

<input type="text" onfocus="this.select()" /> 

Или использовать этот JQuery фрагмент (лучше всего):

$(document).ready(function() { 
    $("#textbox-email").focus(function() { $(this).select(); }); 
}); 

Pure Javascript:

var element = document.getElementById('textbox-email'); 
element.onfocus = function() {element.select();} 
document.getElementById('textbox-email').focus(); 

Добавить все к window.onload или onload атрибут body тега.

+0

Спасибо за быстрый ответ, вот как я попытался изначально, но проблема заключается в том, что содержимое внутри текстового поля должно быть выбрано так, что, когда я нажимаю Ctrl + v и вставляю его в текстовый редактор, он должен вставлять содержимого внутри texhbox. Это, похоже, не работает, когда я включил вышеуказанный код, который вы упомянули. – user1266343

+0

@ user1266343: вы хотите скопировать содержимое из текстового поля или вы хотите вставить что-то в текстовое поле? потому что вы говорите Ctrl + v, который является пастой, а не копией – bert

+0

@ user1266343 прочитал мой отредактированный ответ, я добавил его. – Sepehr

2

Вы можете использовать autofocus атрибут в HTML5:

<input type="text" autofocus /> 

Работы конечно только для одного поля.

4

3p3r ответ, конечно, совершенно правильный. Если вы хотите, чтобы это можно было повторно использовать и разрезать через калитку, пожалуйста, проверьте wicket wiki page.

Смежные вопросы