Ответ 1
<input type="text" name="textbox" value="Test" onclick="this.select()" />
Мне было интересно, есть ли способ для текста внутри поля ввода (предварительно загруженный с помощью value = ""), чтобы выделить, когда пользователь нажимает на него?
input type='text' name='url' id='url' value='http://www.a-link.com/' />
ИЗМЕНИТЬ
Мне нужен текст, который он выделил, чтобы пользователь мог его скопировать.
<input type="text" name="textbox" value="Test" onclick="this.select()" />
Вы можете прикрепить javascript к событию клика, чтобы выбрать текст так:
$(document).ready( function() {
$('#id').click( function( event_details ) {
$(this).select();
});
});
Существует потенциальная проблема, когда пользователь может попытаться щелкнуть по более поздней точке текста, чтобы исправить ошибку ввода и в конечном итоге выбрать все. Лучше всего было бы инициировать это, когда вход получает фокус от пользователя. вы заменили бы .click
на .focus
в приведенном выше примере.
Документация событий jQuery: http://api.jquery.com/category/events/
Добавьте следующий атрибут onclick
, чтобы автоматически выделить все <input>
, когда пользователь нажимает на него:
<input type="text" value="Test1" onclick="this.select()" />
В качестве альтернативы, если вы хотите, чтобы пользователь мог изменить выбор после первоначального щелчка, измените атрибут onclick на атрибут onfocus
. Это также будет выделять весь <input>
, когда пользователь нажимает на него, но он позволяет им впоследствии изменить выделенную часть:
<input type="text" value="Test2" onfocus="this.select()" />
Здесь приведен пример обоих входов в действии.
Вы хотите использовать свойство focus. Например: http://jsfiddle.net/sCuNs/
HTML
<p><input type="text" size="40"></p>
CSS
input:focus, textarea:focus{
background-color: green;
}
$('#foo').on('mouseup', function(e){
e.preventDefault();
$(this).select();
});
$('#foo').on('mouseup', function(e){
e.preventDefault();
$(this).select();
});
Вы хотите выбрать текст?
Используйте onclick
событие для запуска кода:
document.getElementById("target-input-id").select();
Это должно сделать это:
<input type='text' name='url' id='url' onclick="this.select()" value='http://www.a-link.com/' />
document.getElementById( 'InputField') фокус();.
По умолчанию для фокуса выбирается текст в поле ввода. Я искал решение не делать этого, когда нашел это.