javascript - 我有一个 contentEditable=“true” 的 div，需要为输入的数字着色

Question

可能重复：
我有一个 contentEditable=“true” 的 div，需要为输入的数字着色

这是我的代码，可以很好地为可编辑 div 中的数字着色，但光标将移到 div 的开头，当我按下键盘箭头按钮遍历字符串时，它应该可以正常工作，当我点击“home”和“结束”按钮，光标应该按预期移动......

jQuery(document).ready(function(){

   $("#richTextField").keyup(function() {

      var divContent = $(this).text();
      var pattern = /(\d)/g;
      var replaceWith = '<span class="numberClass"'+ '>$1</span>';
      var highlighted = divContent.replace(pattern,replaceWith);

      $(this).html(highlighted);

   });

});