javascript - 用跨度替换最后输入的@

Question

我想通过点击功能替换标签。但是现在我的整个 @ 都被我的函数取代了。我只想替换上次输入的 @。我可以使用 lastIndexOf 找到最后一个 @ 但问题是用户可以在文本之间输入。那么问题来了，我们如何知道最后输入的位置 @。 Fiddle

<div class="text" contenteditable="true"></div>
<div class="tags">
    <span>tag</span>
        <span>jimmy</span>
        <span>mike</span>
        <span>jonny</span>
</div>

JQuery

$('.tags span').click(function(){
var html= $('.text').html()
var dd= html.replace('@','<span class="tag">'+$(this).text()+'</span>')
$('.text').html(dd);
})

Answer 1

您可以像这样尝试使用 lastIndexOf 和 substr 方法 http://jsfiddle.net/seuok4r5/7/