有没有办法从 JavaScript 创建一个反向（即从右到左）选择？

Question

我正在尝试在文本中创建从右到左的选择，但似乎 DOM Range API 不允许我这样做。 （我在规范中没有看到任何关于此的内容 - 并不是我仔细阅读了它 - 但所有实现似乎都同意不支持它。）

例如，给定一个非常小的文档：

data:text/html,<div> this is a test </div>

我可以使用这个脚本来启用编辑并创建一个正常的选择（例如从一个书签，但为了清楚起见添加了换行）：

javascript:document.designMode='on';
var r=document.createRange(),d=document.getElementsByTagName('div')[0]; 
r.setStart(d.firstChild, 3); 
r.setEnd(d.firstChild, 7); 
window.getSelection().addRange(r); void(0);

但是，如果我交换 3 和 7，则不会创建任何选择。

有人知道怎么做吗？

Answer 1

通过Selection 对象的extend() 方法，可以在除IE 之外的所有主要浏览器的最新版本中。这是一个从 Range 创建向后选择的函数：

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

这在任何版本的 IE（直到并包括版本 11）中都是不可能的。虽然 IE 9 及更高版本确实实现了 DOM 级别 2 范围和 HTML5 文本选择（现在迁移到 WHATWG Range spec），但他们实现它时的规范版本 did not include extend()，所以 IE 9 不支持它（另请参阅this bug 用于进一步讨论向后选择）。

这是在 IE 错误跟踪器中实现 extend() 的请求：https://connect.microsoft.com/IE/feedback/details/737106/implement-missing-extend-method-of-selection

在早期版本的 IE 中，选择 API 完全不同，也不支持以编程方式创建向后选择。