javascript - 是否可以将 Range 对象设置为 "backwards selection"？

Question

我创建一个 Range 对象，然后将这个 Range 添加到选择中

window.getSelection ().addRange(myRange);

如何设置选择方向？我的意思是可以使用选择的 anchorNode、anchorOffset、focusNode 和 focusOffset 属性来检查方向。

Answer 1

您可以在支持 extend() 的浏览器上执行此操作( MDN ) Selection 对象的方法。 Mozilla、WebKit 和 Opera 支持它； IE 不包括版本 11。extend() 已添加到 HTML Editing APIs spec所以它可能还会出现在 IE 中。

这是一个示例函数:

function selectRangeBackwards(range) {
    if (typeof window.getSelection != "undefined") {
        var sel = window.getSelection();
        if (typeof sel.extend != "undefined") {
            var endRange = range.cloneRange();
            endRange.collapse(false);
            sel.removeAllRanges();
            sel.addRange(endRange);
            sel.extend(range.startContainer, range.startOffset);
        }
    }
}