Как выделить часть часть входного текстового поля в HTML с помощью Javascript или JQuery

Я выполняю некоторую форму проверки на свободно типизированном текстовом поле ввода в HTML. Есть ли способ выделить определенные слова или фразы (на основе определенных критериев) во входном текстовом поле с помощью jQuery или JavaScript?

1 ответов


в текстовом поле ввода, ваша единственная возможность для выделения только часть текста с помощью выделения. Вы можете сделать это во всех современных браузерах с текстового поля selectionStart и selectionEnd свойства, или setSelectionRange() способ (не знаю, почему оба существуют).

live demo:http://jsfiddle.net/YNr7K/

код:

var input = document.getElementById("textBoxId");
input.value = "Cup of tea";
input.setSelectionRange(0, 3); // Highlights "Cup"
input.focus();

в старых версиях IE (TextRanges. См.ответ для функции, которая показывает, как это сделать.