使用div作为输入来识别以＃开头的单词

Question

我正在编写代码，以便当用户输入以#开头的单词时，该单词变为红色，我使用的是editable div而不是textarea，因为div允许我更改某些单词的颜色，问题是，当我运行我的代码并将一个单词变为红色时，如果div中的文本，光标移动到开头，是否可以将光标移回原处，这样我就可以再次输入。

代码：

$('#editablediv').bind('keypress', function(){
text=document.getElementById('editablediv').innerText;
$(this).html(text.replace(/#([^ ]+)/g, '<span class=tag>#$1</span>'));
});