jquery - jQuery:入力ボックス内のテキストを強調表示する方法は?

Question

入力ボックス内のテキストを強調表示する方法を知りたいです。簡単な例として、入力中に「@」で始まるすべての用語を強調表示したいとします。

すべての用語は、リモートのオートコンプリート候補リストから取得されます。

私が直面している問題は、テキストの周りに html タグを追加できないため、これらの特定の用語で css を作成できないため、この入力ボックスです...

ご協力いただきありがとうございます！

乾杯！

score 4 · Accepted Answer

願わくば、これがあなたのその後です。

まず、highlightTextareaを見てください。ジュリアンL製

これにより、次のことができます。

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

正規表現\\B@\\w+は、非単語境界 ( \B) で位置をアサートし、その後に and が続き、@に該当するすべてのものと一致します\w。

score 3 · Accepted Answer

jQuery でメソッドを使用できます.select... これは簡単な例です。

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

また

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

2 に答える 2