Selection：rangeCount 属性

Selection.rangeCount 只读属性返回选择中的范围数。

在用户点击新加载的页面之前，rangeCount 为 0。在用户点击页面后，即使没有显示选择，rangeCount 也为 1。

用户通常一次只能选择一个范围，因此 rangeCount 通常为 1。可以使用脚本使选择包含多个范围。

Gecko 浏览器允许跨表格单元格进行多选。Firefox 允许通过使用 Ctrl+单击来选择文档中的多个范围（除非单击发生在分配了 display: table-cell CSS 属性的元素内）。

<table>
  <tr>
    <td>a.1</td>
    <td>a.2</td>
  </tr>
  <tr>
    <td>b.1</td>
    <td>b.2</td>
  </tr>
  <tr>
    <td>c.1</td>
    <td>c.2</td>
  </tr>
</table>

setInterval(() => {
  console.log(window.getSelection().rangeCount);
}, 1000);