jQuery：如何在输入框中突出显示文本？

Question

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

从远程自动填充建议列表中检索所有条款。

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

感谢您的帮助！

干杯！

Answer 1

这，我希望，是你的追求。

首先看看highlightTextarea。由Julien L

制作

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

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

正则表达式\\B@\\w+在非字边界（\B）处断言位置，后跟@并匹配\w下的所有内容。

DEMO

Answer 2

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

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

OR

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

<强> FIDDLE DEMO