Используя jQuery для Выделения (Select) All Text в Текстовом поле

У меня есть входное текстовое поле с некоторым текстом в нем, onclick событие, которое я хочу выполнить, функция JavaScript для выбора (выделяют) весь текст, который находится в этом поле, как я могу сделать это с jQuery?

9
задан Spyros 9 June 2010 в 11:12
поделиться

3 ответа

Вы можете взглянуть на эту статью:

Предположим, что у нас есть следующий текстовый ввод:


В большинстве случаев мы хотели бы, чтобы эта функция была доступна для всех текстовым полям на нашем сайте, поэтому мы создадим функцию, которая будет обрабатывать и вызывать ее по мере необходимости. Вызов этой функции с ожидаемым приведет к выделению текста.

function selectAllText(textbox) {
textbox.focus();
textbox.select(); }

Предполагая, что вы разрабатываете под DotNetNuke 5 или уже импортировали jQuery на свой сайт, добавьте следующий jQuery на свой сайт для каждого текстового поля. (Если у вас много текстовых полей, мы можем сделать это по-другому, но это для другого поста.)

jQuery('#txtInput').click(function() { selectAllText(jQuery(this)) });
14
ответ дан 4 December 2019 в 06:26
поделиться

Вы можете сделать это:

$('input').click(function() {
 // the select() function on the DOM element will do what you want
 this.select();
});

Конечно, тогда вы не можете щелкнуть элемент, чтобы выбрать произвольную точку на входе, поэтому может быть лучше запустить это событие на focus вместо щелкните

Quick Demo с щелчком или с фокусом

5
ответ дан 4 December 2019 в 06:26
поделиться

Нет необходимости в jQuery, это просто с DOM и работает во всех основных браузерах:

input.onfocus = function() { this.select(); };

Если вы должны сделать это с помощью jQuery, разница очень небольшая:

$(input).focus(function() { this.select(); });
15
ответ дан 4 December 2019 в 06:26
поделиться
Другие вопросы по тегам:

Похожие вопросы: