在 javascript IE8 中设置选择范围

Question

我正在使用 div[contenteditable=true] 使用所见即所得编辑器，我想设置从节点 A 的偏移 X 到节点 B 的偏移 Y 的选择范围。我在 Firefox 和 IE9 上做得很好，代码是：

var range = document.createRange();
range.setStart(selectNode, 0);
range.setEnd(selectNode, selectNode.textContent.length);
var sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);

但是在 IE8 上，range 对象完全不同，它没有 setStart/setEnd，并且选择对象没有 remove/addRange 的东西。 请帮忙，

Answer 1

看看 rangy。 它是一个跨浏览器范围/选择 API。 这可能就是你所需要的。

http://code.google.com/p/rangy/

Answer 2

我有一个类似的问题，发现这个 polyfill 对我非常有用，因为在我的情况下我不能使用 rangy： http : //bl.ocks.org/visnup/3456262

编辑：原始链接确实已经死了。 回顾我的旧代码，看起来 polyfill 从未进入发布代码，我们简单地进行了功能检测，如下所示：

if(window.getSelection || document.selection){

然后在鼠标上：

var range;
if(window.getSelection){
    var selection = window.getSelection();
    range = selection.getRangeAt(0);
} else if(document.selection){
    range = document.selection.createRange();
    if(!range.surroundContents){
        // then give up, feature not fully implemented
    }
}
// now do stuff with range (i.e. the selection)

...因此该功能不支持 IE8 用户。

然而，一切都没有丢失： Github 上有一个更新的（比我原来的答案）polyfill，如果您必须支持 IE8，它可能会起作用。 它看起来既简洁又全面。