jquery - jQuery：如何突出显示输入框中的文本？

Question

我想知道如何在输入框中突出显示一些文本；简单的例子，假设我想在输入时突出显示以“@”开头的所有术语。

所有条款都从远程自动完成建议列表中检索。

我面临的问题是这个输入框，因为我无法在文本周围添加 html 标签，因此无法根据这些特定术语制作 css ...

谢谢你的帮助 ！

干杯!

Answer 1

我希望这就是你所追求的。

首先看一下highlightTextarea。朱利安 L制作

有了这个，您可以执行以下操作：

$("textarea").highlightTextarea({
    words: ["\\B@\\w+"],
    color: "lightblue",
    id: "mark"
});

正则表达式\\B@\\w+在非单词边界 ( \B) 处断言位置，后跟 a@并匹配属于 . 的所有内容\w。

演示

Answer 2

您可以.select在 jQuery 中使用方法...这是一个简单的示例。

$(input).focus(function() { 
  this.select(); 
});

或者

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

小提琴演示