javascript - 查找并替换具有当前焦点的子字符串

Question

我正在尝试更新文本区域中的子字符串。基本上，它是一个类似@username 功能的推特。用户将输入@user，我必须用用户选择的用户名替换“@user..”。

字符串:

Hello this is test@gmail.com and @gma

在上面的字符串中，焦点在字符串 i. 的末尾，@gma 之后。我想用我选择的子字符串替换@gma。不知何故，我做不到。当我使用

this.value = this.value.replace("@gma"+"", "ReplaceText") + ' ';

test@gmail.com 的@gma 被替换。如何更改最近输入的@gma？

我可以获得插入符位置，但无法替换所需的子字符串。

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

Answer 1

您需要使用 RegEx 而不是普通字符串进行替换。

this.value = this.value.replace(new RegExp("@gma$","g"), "ReplaceText") + ' ';

重要的部分是$符号，表示只在字符串末尾搜索@gma。如果您想替换最后一个 @ 符号后的任何字母数字字符串:

this.value = this.value.replace(
    new RegExp("@[A-Za-z0-9]+$","g"), 
    "ReplaceText") 
+ ' ';