Используя jQuery для Выделения (Select) All Text в Текстовом поле
У меня есть входное текстовое поле с некоторым текстом в нем, onclick событие, которое я хочу выполнить, функция JavaScript для выбора (выделяют) весь текст, который находится в этом поле, как я могу сделать это с jQuery?
3 ответа
Вы можете взглянуть на эту статью:
Предположим, что у нас есть следующий текстовый ввод:
В большинстве случаев мы хотели бы, чтобы эта функция была доступна для всех текстовым полям на нашем сайте, поэтому мы создадим функцию, которая будет обрабатывать и вызывать ее по мере необходимости. Вызов этой функции с ожидаемым приведет к выделению текста.
function selectAllText(textbox) { textbox.focus(); textbox.select(); }Предполагая, что вы разрабатываете под DotNetNuke 5 или уже импортировали jQuery на свой сайт, добавьте следующий jQuery на свой сайт для каждого текстового поля. (Если у вас много текстовых полей, мы можем сделать это по-другому, но это для другого поста.)
jQuery('#txtInput').click(function() { selectAllText(jQuery(this)) });
Вы можете сделать это:
$('input').click(function() {
// the select() function on the DOM element will do what you want
this.select();
});
Конечно, тогда вы не можете щелкнуть элемент, чтобы выбрать произвольную точку на входе, поэтому может быть лучше запустить это событие на focus вместо щелкните
Нет необходимости в jQuery, это просто с DOM и работает во всех основных браузерах:
input.onfocus = function() { this.select(); };
Если вы должны сделать это с помощью jQuery, разница очень небольшая:
$(input).focus(function() { this.select(); });