javascript – 更改innerHTML后,在可变内容div中更改光标位置

我有一个简单的contenteditable div与其中的一些文本.
onkeyup事件我想基于正则表达式替换div的全部内容(inner HTML).

例如,

HTML：

some text,more text and $even more text

我打算用$($甚至上面的例子)获取所有文本并将其包装在跨标签中的函数：

div.onkeypress = function() { 
     div.innerHTML.replace(/(some_regexp)/,"<span class='class'>$1</span>"); 
};

问题是这样的替换光标跳到div的开头.我想让它留在以前的地方.

我想我必须在更改之前保存光标的坐标,然后以某种方式使用它们将光标设置回来,但我该怎么办？