我正在对 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
之一。参见 this answer用于显示如何执行此操作的函数。
关于javascript - 如何使用 Javascript 或 JQuery 在 HTML 中突出显示输入文本字段的一部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10341843/