使用onmouseup事件保持选择

Question

我在javascript中尝试范围;

function matej()
{var x=window.getSelection();
 var renge=x.getRangeAt(0);
  var g=document.createElement("span");
 renge.surroundContents(g);


}

window.onmouseup=matej;

这件事做得很好，但所选文字会失去选择。 我该如何保持这种选择？这是演示http://jsfiddle.net/Trolstover/fduw8mor/1/

Answer 1

这个问题首先看起来并不那么容易。您可能需要考虑浏览（或使用）rangy之类的库。我过去曾成功使用它。

特别注意ClassApplier Docs。基本策略是检测所选范围内的所有文本节点并将类应用于它们，使它们看起来仍然被选中。如果需要，您可以将其设置为与用户代理选择样式类似。