jQuery:如何在输入框中突出显示文本?

时间:2012-08-26 10:41:23

标签: jquery regex highlight

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

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

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

感谢您的帮助!

干杯!

2 个答案:

答案 0 :(得分:3)

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

首先看看highlightTextarea。由Julien L

制作

有了这个,您可以执行以下操作:

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

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

DEMO

答案 1 :(得分: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