如何使用Javascript或JQuery在HTML中突出显示输入文本字段的一部分

Question

我正在HTML中的自由输入文本字段上执行某种形式的验证。有没有办法使用JQuery或JavaScript在输入文本字段中突出显示某些单词或短语（基于某些标准）？

Answer 1

在文本输入框中，您突出显示文本的一部分的唯一机会是使用选择。您可以在所有现代浏览器中使用文本框的selectionStart和selectionEnd属性或setSelectionRange()方法（不知道为什么两者都存在）来执行此操作。

现场演示：http://jsfiddle.net/YNr7K/

代码：

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

在旧版本的IE（＆lt; 9）中，你需要使用他们厌倦的TextRange之一。有关显示如何执行此操作的函数，请参阅this answer。