javascript - 正则表达式查找所有出现的字符串然后找到它之后的下一个空格

Question

$("#idofreplybox").on('keyup, keydown',function(){
    var e = $(this).html();
    if (e.indexOf(@) !== -1){}else{
        var d = find all occurences of @
        var f = find the next whitespace after that @
        change the text between var d and var f to blue
    }
});

使用此代码，当有人键入 @steve 时，他们的名字应该变成蓝色。但是我不确定我需要将代码块中的文本更改为 javascript 代码的正则表达式。

抱歉，如果这对您来说很明显，但我是一个正则表达式菜鸟，所以我不知道我需要写什么。

如有任何帮助，我们将不胜感激。

Answer 1

使用 \b 作为单词边界。

例如:

"test @username bla bla".replace(/@(\w+)\b/g, "<span class=user>$1</span>")

给予

"test <span class=user>username</span> bla bla"