IE 选择和范围问题

Question

我试图获取选择的开始元素和结束元素以及每个选择的偏移量，我在 Firefox 中执行此操作，如下所示：

var delselection = window.getSelection();

var startOffset = delselection.anchorOffset;

var endOffset = delselection.focusOffset;

var startNode = delselection.anchorNode.parentNode;

var endNode = delselection.focusNode.parentNode;

但是我不知道如何在 IE6 中执行此操作，任何人都可以指出我方向正确吗？

Answer 1

文档.选择。

然而，IE 返回的 TextRange 对象与 Firefox/WebKit/W3 的不匹配，并且确定起点和终点的确切位置非常令人沮丧。 根据您对范围的具体操作，您可以使用 range.parentElement()、range.inRange() 或 range.compareEndPoints() 到达某个位置。 对于富文本编辑器，您通常最终会使用极其丑陋的 range.execCommand() 接口。

IE Range 实现非常奇怪，并且与 Mozilla/Webkit/W3 模型不同，因此您通常会在与两者之间的选择有关的所有事情上得到完全不同的代码路径。

Answer 2

您应该查看 ControlRange 和 < a href="http://msdn.microsoft.com/en-us/library/ms535872(VS.85).aspx" rel="nofollow noreferrer">TextRange IE BOM 对象。

我相信 IE6/7 不支持 AnchorOffset、focusOffset 和 window.getSelection() 。

Answer 3

如果您知道选择所在的对象（例如，它是用户正在输入的输入字段，而您希望在他们输入时更改），则以下代码可以解决问题：

var selObj = null;
var selSave = null;
var selSaveEnd = null;

function SaveSelection(obj) {
    if (obj.selectionStart) {
        selObj = obj;
        selSave = obj.selectionStart;
        selSaveEnd = obj.selectionEnd;
    }
    else {
        // Internet Explorer case
        selSave = document.selection.createRange();
    }
}

function RestoreSelection() {
    if (selObj) {
        selObj.focus();
        selObj.selectionStart = selSave;
        selObj.selectionEnd = selSaveEnd;
    }
    else {
        // Internet Explorer case
        selSave.select();
    }
}