使用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。基本策略是检测选定范围内的所有文本节点，并对它们应用一个类，使它们看起来仍然处于选中状态。如果您愿意，您可以设置它的样式，使其看起来就像用户代理选择样式。