选择 API

每个具有浏览上下文的 文档 都有唯一的 选择对象与之关联。

这个选择必须被文档的所有内容共享（但不包括嵌套的文档），包括文档内的任意编辑宿主。

每个选择可与单个范围关联。当范围没有与选择关联时， 选择为空。选择最初必须为 空。

一旦选择与指定范围关联，除非本规范要求，否则必须持续与该 范围关联。

如果选择的范围不为 null 且已折叠，则插入符号的位置必须在该边界点。当选择未折叠时，本规范未定义插入符号位置；用户代理应遵循平台惯例决定插入符号是在选择的起始、末尾或其它位置。

每个选择有一个方向：正向、 反向或无方向。当用户首先按下一个边界点，再按下另一个（如，点击某一点再拖至另一点）时，如果第一个边界点在第二个之后，则该选择初始为反向。如果第一个边界点在第二个之前，则初始为正向。 否则应为无方向。

当选择的范围被脚本修改（例如调用selectNode(node)）， 方向必须被保留。

每个选择还具有锚点与 焦点。如果选择的范围为 null，其锚点和焦点都为 null。 若范围非 null 且方向为正向， 锚点为范围的起点， 焦点为终点。否则 焦点为起点， 锚点为终点。

每个文档、input 元素 和 textarea 元素 有一个布尔值属性has scheduled selectionchange event，其初始为 false。

Selection 接口提供了与每个文档关联的选择交互的方式。

WebIDL[Exposed=Window]
interface Selection {
  readonly attribute Node? anchorNode;
  readonly attribute unsigned long anchorOffset;
  readonly attribute Node? focusNode;
  readonly attribute unsigned long focusOffset;
  readonly attribute boolean isCollapsed;
  readonly attribute unsigned long rangeCount;
  readonly attribute DOMString type;
  readonly attribute DOMString direction;
  Range getRangeAt(unsigned long index);
  undefined addRange(Range range);
  undefined removeRange(Range range);
  undefined removeAllRanges();
  undefined empty();
  sequence<StaticRange> getComposedRanges(optional GetComposedRangesOptions options = {});
  undefined collapse(Node? node, optional unsigned long offset = 0);
  undefined setPosition(Node? node, optional unsigned long offset = 0);
  undefined collapseToStart();
  undefined collapseToEnd();
  undefined extend(Node node, optional unsigned long offset = 0);
  undefined setBaseAndExtent(Node anchorNode, unsigned long anchorOffset, Node focusNode, unsigned long focusOffset);
  undefined selectAllChildren(Node node);
  undefined modify(optional DOMString alter, optional DOMString direction, optional DOMString granularity);
  [CEReactions] undefined deleteFromDocument();
  boolean containsNode(Node node, optional boolean allowPartialContainment = false);
  stringifier;
};

dictionary GetComposedRangesOptions {
  sequence<ShadowRoot> shadowRoots = [];
};

anchorNode

该属性必须返回此对象的 锚点 节点，如果锚点为 null 或者 锚点不在 文档树中，则返回 null。

anchorOffset

该属性必须返回此对象的 锚点 的 偏移量；如果 锚点 为 null 或者 锚点不在 文档树中，则返回 0。

focusNode

该属性必须返回此对象的 焦点 节点，如果焦点为 null 或者 焦点不在 文档树中，则返回 null。

focusOffset

该属性必须返回此对象的 焦点 的 偏移量；如果 焦点 为 null 或者 焦点不在 文档树中，则返回 0。

isCollapsed

只有当 anchor 和 focus 相同时（包括两者均为 null 的情况）该属性才应返回 true。否则应返回 false。

rangeCount

如果 此对象 为 空，或 focus 或 anchor 任何一个不在 文档树 中，则该属性必须返回 0，否则返回 1。

type

如果 此对象 为 空，或 focus 或 anchor 任一不在 文档树 中，则该属性必须返回 "None"；如果此对象的 range 为 折叠，则返回 "Caret"；否则返回 "Range"。

direction

如果 此对象 为 空 或者该选择为 无方向，则该属性必须返回 "none"。如果该选择的方向为 正向，返回 "forward"；如果方向为 反向，返回 "backward"。

getRangeAt() method

如果 index 不是 0，或者 此对象 为 空，或 focus 或 anchor 任何一个不在 文档树 中，则该方法必须抛出 IndexSizeError 异常。否则，必须返回对此对象的 范围 的引用（不是副本）。

注意

因此，如果在此期间没有移除此对象的范围，随后对该方法的调用将返回相同的 范围 对象。特别是，当选择非空时，getSelection().getRangeAt(0) === getSelection().getRangeAt(0) 的求值应为 true。

addRange() method

该方法必须遵循以下步骤：

1. 如果 range 的边界点的 根 不是与 此对象 关联的 文档，则中止这些步骤。
2. 如果 rangeCount 不是 0，则中止这些步骤。
3. 通过强引用（而不是创建副本）将 此对象 的范围设置为 range。

注意

由于是按引用添加 range，随后对 getRangeAt(0) 的调用会返回相同的对象，并且脚本在添加之后对该 range 所做的任何更改必须反映在选择中，直到该范围被移除或替换为止。特别地，运行如下代码后：var r = document.createRange(); r.selectNode(a); getSelection().addRange(r); r.selectNode(b);，选择 将包含 b 而不是 a。

注意

在步骤 2，Chrome 58 和 Edge 25 什么也不做。Firefox 51 会给出多范围选择。至少它们保留了现有的 range。

在步骤 3，Chrome 58 和 Firefox 51 如此存储引用。如上所述。Edge 25 存储副本。Firefox 51 在 range 被修改时会改变其选择。

removeRange() method

该方法必须通过解除关联其 范围 来使 此对象 变为 空，前提是此对象的范围正是 range。否则，必须抛出 NotFoundError。

removeAllRanges() method

该方法必须在此对象有关联的 范围 时，通过解除关联该范围使 此对象 变为 空。

empty() method

该方法必须作为 removeAllRanges() 的别名并且其行为与之完全相同。

getComposedRanges() method

1. 如果 此对象 为 空，则返回一个空数组。
2. 否则，令 startNode 为与此对象关联的 范围 的 起始节点，并令 startOffset 为该范围的 起始偏移量。
3. 当 startNode 是一个 节点，且其 根 为 影子根，并且该根不是 任何 options["shadowRoots] 的影子包含性祖先时，重复以下步骤：
   1. 将 startOffset 设置为 startNode 的根的 索引。
   2. 将 startNode 设置为该根的 宿主 的 父节点。
4. 令 endNode 为与此对象关联的 范围 的 结束节点，并令 endOffset 为该范围的 结束偏移量。
5. 当 endNode 是一个 节点，且其 根 为 影子根，并且该根不是 任何 options["shadowRoots] 的影子包含性祖先时，重复以下步骤：
   1. 将 endOffset 设置为该根的 索引 加 1。
   2. 将 endNode 设置为该根的 宿主 的 父节点。
6. 返回由新的 StaticRange 组成的数组， 这些 StaticRange 的 起始节点 为 startNode， 起始偏移量 为 startOffset， 结束节点 为 endNode， 以及 结束偏移量 为 endOffset。

collapse() method

该方法必须遵循以下步骤：

1. 如果 node 为 null，则此方法必须表现得与 removeAllRanges() 完全相同，并中止这些步骤。
2. 如果 node 是一个 DocumentType，则抛出 InvalidNodeTypeError 异常并中止这些步骤。
3. 如果 offset 大于 node 的 长度，则抛出 IndexSizeError 异常并中止这些步骤。
4. 如果与 此对象 关联的 文档 不是 影子包含性祖先（shadow-including inclusive ancestor） 的 node，则中止这些步骤。
5. 否则，令 newRange 为一个新的 范围。
6. 将 newRange 的 起始 与 结束 设置为 (node, offset)。
7. 将 此对象 的 范围 设置为 newRange。

setPosition() method

该方法必须作为 collapse() 的别名并且其行为与之完全相同。

collapseToStart() method

如果 InvalidStateError 异常如果 此对象 为 空，则应抛出该异常。否则，必须创建一个新的 范围，将其 起始 和 结束 都设置为此对象的范围的起始位置，然后将此对象的范围设置为新创建的范围。

注意

对于 collapseToStart/End，IE9 会修改现有范围，而 Firefox 9.0a2 和 Chrome 15 dev 会替换为新的范围。规范遵循多数实现，使用新的范围替换并保持旧的 Range 对象不变。

collapseToEnd() method

如果 InvalidStateError 异常如果 此对象 为 空，则应抛出该异常。否则，必须创建一个新的 范围，将其 起始 和 结束 都设置为此对象的范围的结束位置，然后将此对象的范围设置为新创建的范围。

extend() method

该方法必须遵循以下步骤：

1. 如果与 此对象 关联的 文档 不是 影子包含性祖先 的 node，则中止这些步骤。
2. 如果 此对象 为 空，则抛出 InvalidStateError 并中止这些步骤。
3. 令 oldAnchor 和 oldFocus 分别为此对象的 锚点 与 焦点，并令 newFocus 为边界点 (node, offset)。
4. 令 newRange 为一个新的 范围。
5. 如果 node 的 根 与此对象的范围的根不同，则将 newRange 的 起始 和 结束 都设置为 newFocus。
6. 否则，如果 oldAnchor 在 newFocus 之前或等于 newFocus，则将 newRange 的 起始 设置为 oldAnchor，然后将其 结束 设置为 newFocus。
7. 否则，将 newRange 的 起始 设置为 newFocus，然后将其 结束 设置为 oldAnchor。
8. 将此对象的 范围 设置为 newRange。
9. 如果 newFocus 在 oldAnchor 之前，则将此对象的 方向 设置为 反向；否则设置为 正向。

注意

约在 2011 年 1 月进行的逆向工程。IE 不支持该方法，因此我依赖 Firefox（在 2000 年之前实现了 extend()）和 WebKit（2007 年实现 extend()）。我基本上忽略 Opera，因为其实现据说不兼容。Firefox 12.0a1 似乎会修改现有范围。IE9 不支持 extend()，而 Chrome 17 dev 或 Opera Next 12.00 alpha 是否修改或替换无法判断，因为 getRangeAt() 无论如何都会返回副本。尽管如此，为与 collapse() 保持一致，我在这里不采用 Gecko 的行为。

setBaseAndExtent() method

该方法必须遵循以下步骤：

1. 如果 anchorOffset 大于 anchorNode 的 长度，或 focusOffset 大于 focusNode 的 长度，则抛出 IndexSizeError 异常并中止这些步骤。
2. 如果与 此对象 关联的 文档 不是 影子包含性祖先 的 anchorNode 或 focusNode，则中止这些步骤。
3. 令 anchor 为边界点 (anchorNode, anchorOffset)，令 focus 为边界点 (focusNode, focusOffset)。
4. 令 newRange 为一个新的 范围。
5. 如果 anchor 在 focus 之前，则将 newRange 的 起始 设置为 anchor，并将其 结束 设置为 focus；否则，将起始和结束分别设置为 focus 和 anchor。
6. 将此对象的 范围 设置为 newRange。
7. 如果 focus 在 anchor 之前，则将此对象的 方向 设置为 反向；否则设置为 正向。

selectAllChildren() method

该方法必须遵循以下步骤：

1. 如果 node 是一个 DocumentType，则抛出 InvalidNodeTypeError 并中止这些步骤。
2. 如果 node 的 根 不是与 此对象 关联的 文档，则中止这些步骤。
3. 令 newRange 为一个新的 范围，并令 childCount 为 node 的子节点数。
4. 将 newRange 的 起始 设置为 (node, 0)。
5. 将 newRange 的 结束 设置为 (node, childCount)。
6. 将此对象的 范围 设置为 newRange。
7. 将此对象的 方向 设置为 forwards。

注意

主要基于 Firefox 9.0a2。它有一个我没有复现的 bug：如果传入的是 Document，结束偏移量会变为 1 而不是它的子节点数。它还抛出 RangeException 而不是 DOMException，因为其实现早于两者合并。

IE9 的行为类似但有瑕疵。若节点被分离或 display:none 时会抛出“Unspecified error.”，在某些随机情况下也会如此。对于分离的注释节点它会抛出“Invalid argument.”（仅此一种情况）。最后，如果传入注释节点，它似乎会选择整个注释，而不像对文本节点那样只选择部分内容。

Chrome 16 dev 的行为符合其 Selection 实现的预期。它拒绝选择任何不可见的内容，因此在很多情况下表现不正确。Opera 11.50 在我的所有测试中什么都不做，一如既往。

新范围会替换任何现有范围，而不是修改它。这与 IE9 和 Firefox 12.0a1 相匹配。（Chrome 17 dev 和 Opera Next 12.00 alpha 无法测试，因为 getRangeAt() 无论如何返回副本。）

modify() method

该方法必须遵循以下步骤：

1. 如果 alter 不是与 "extend" 或 "move" ASCII 大小写不敏感 匹配，则中止这些步骤。
2. 如果 direction 不是与 "forward"、"backward"、"left" 或 "right" ASCII 大小写不敏感 匹配，则中止这些 步骤。
3. 如果 granularity 不是与 "character"、"word"、"sentence"、"line"、"paragraph"、 "lineboundary"、"sentenceboundary"、"paragraphboundary"、 "documentboundary" ASCII 大小写不敏感 匹配，则中止这些步骤。
4. 如果 this 选择为空，则中止这些步骤。
5. 令 effectiveDirection 为向后。
6. 如果 direction 与 "forward" ASCII 大小写不敏感 匹配，则将 effectiveDirection 设置为 向前。
7. 如果 direction 与 "right" ASCII 大小写不敏感 匹配，并且在 this 选择的焦点处的解析后的文本方向为 ltr，则将 effectiveDirection 设置为 向前。
8. 如果 direction 与 "left" ASCII 大小写不敏感 匹配，并且在 this 选择的焦点处的解析后的文本方向为 rtl，则将 effectiveDirection 设置为 向前。
9. 将 this 选择的方向设置为 effectiveDirection。
10. 如果 alter 与 "extend" ASCII 大小写不敏感 匹配，则将 this 选择的焦点设置为一个 位置，就像用户已请求按 granularity 扩展选择一样。
11. 否则，将 this 选择的焦点和 锚点设置为一个位置，就像用户已请求按 granularity 移动选择一样。

在一个边界点处的解析后的文本方向， 如果该位置字符的嵌入 方向（[UAX9] BD3）为 L， 则为 ltr；如果嵌入 方向为 R，则为 rtl。

注

在双向文本边界处——即相邻字符具有不同 嵌入方向的位置——用户代理可以使用额外上下文 （例如基于光标移动方向的插入符亲和性） 来确定要使用哪个字符的嵌入方向。

注

我们需要更精确地定义按每种粒度扩展或移动 选择意味着什么。

deleteFromDocument() method

如果此对象非 空 且 focus 与 anchor 均在 文档树 中，则该方法必须在此对象的 范围 上调用 deleteContents()。否则该方法不得执行任何操作。

注意

这是唯一一个实际修改范围而不是替换它的方法。这与 IE9 和 Firefox 12.0a1 一致。（Chrome 17 dev 和 Opera Next 12.00 alpha 无法测试，因为 getRangeAt() 无论如何返回副本。）

containsNode() method

如果 此对象 为 空，或 node 的 根 不是与 此对象 关联的文档，则该方法必须返回 false。

否则，如果 allowPartialContainment 为 false，当且仅当其 范围 的 起始 在 node 中的第一个边界点之前或视觉等价且其范围的 结束 在 node 中的最后一个边界点之后或视觉等价时，该方法返回 true。

如果 allowPartialContainment 为 true，当且仅当其范围的 起始 在 node 中的最后一个边界点之前或视觉等价且其范围的 结束 在 node 中的第一个边界点之后或视觉等价时，该方法返回 true。

stringifier

字符串化必须返回一个字符串，该字符串是与此对象关联的 范围 的呈现文本的连接结果。

如果选择位于 textarea 或 input 元素内，则必须返回其 value 中被选中的子字符串。

所有 Selection 接口的成员都是以该对象所表示的 range 对象（如果有的话）上的操作来定义的。这些操作可能会引发异常，如在 Range 接口的定义中所述；因此，这也可能导致 Selection 接口的成员抛出异常，除上文明确指出的情况外。

本规范扩展了若干接口以提供到本规范中定义的接口的入口点。

WebIDLpartial interface Document {
  Selection? getSelection();
};

WebIDLpartial interface Window {
  Selection? getSelection();
};

WebIDLpartial interface mixin GlobalEventHandlers {
  attribute EventHandler onselectstart;
  attribute EventHandler onselectionchange;
};

当用户代理在 CharacterData 上替换数据或截取子数据时，用户代理必须像操作活动范围一样，更新该CharacterData的节点文档的选择关联的范围。

当用户代理要拆分 Text 节点时，用户代理必须像操作活动范围一样，更新该Text的节点文档的选择关联的范围。

当用户代理执行 normalize() 方法步骤时，用户代理必须像操作活动范围一样，更新 此的节点文档的选择关联的范围。

当用户代理要移除或插入一个节点时，用户代理必须像操作活动范围一样，更新该节点的节点文档的选择关联的范围。

用户代理应允许用户更改与选择 关联的活动文档。 如果用户对选择进行了任何修改，用户代理必须创建一个具有合适起始和结束的新的范围，并将选择与这个新范围关联（而不是修改现有的范围），并根据以下规则设置和更新选择的方向：如果起始小于或等于结束则设为正向；如果结束小于起始则设为反向；如果由于平台惯例无法判断起始和结束的顺序则设为无方向。

对于任何用户操作（如点击非可编辑区域），如果选择原本非空，用户代理不得将其设为空。

本规范中标记为非规范性（non-normative）的部分，以及所有作者指南、图示、示例和说明都是非规范性的。本规范中其余内容均为规范性内容。

本规范定义了适用于单一产品的符合性标准：实现本规范所含接口的用户代理。

目前该标准未发现已知的安全性考量。

为减轻暴露用户辅助技术使用情况的潜在隐私风险，例如，用户代理可选择在用户修改文档选择时，模拟通常与selectstart或selectionchange事件有关的鼠标和键盘事件。