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

How to highlight a part part of an Input text field in HTML using Javascript or JQuery

本文关键字：输入 显示 文本 字段 一部分 Javascript 何使用 JQuery HTML      更新时间：2023-09-26

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

在文本输入框中，仅突出显示部分文本的唯一机会是使用所选内容。您可以使用文本框的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（<9）中，您需要使用它们令人厌烦的TextRange之一。有关演示如何执行此操作的函数，请参阅此答案。

相关文章：