有没有办法更新dom而不影响鼠标光标？

Question

例如，我使用下列的函数：

$('body').html(function(i,html) { 
    var arr = html.split(". "); 
    arr[arr.length-1]="<span class='findme' >"+arr[arr.length-1]+"</span>&nbsp;"; 
    alert(arr) 
    return arr.join(". "); 
}); 

问题是，它从用户打字移动光标离开。有没有人看过这个？

Answer 1

通过设置任何元素的HTML，你基本上重置了它的所有内容！所有事件处理程序，所有状态和DOM属性，这包括当前具有“焦点”的任何元素。

按照预期使用DOM API。

它看起来像你想要在页面中的最后一个段落后跟一个<span>包装内容。为了正确执行此操作，您需要遍历DOM检查包含句点的文本节点，然后用<span>元素替换上次找到的文本节点的一部分。