Web API Selection.rangeCount用法及代码示例

Web Selection API 用于获取用户选择的文本范围或插入符号的位置。

window.getSelection()用于获取选择对象。

用法:

let selection = window.getSelection();

它带有一些实例属性，其中之一是 rangeCount。

范围计数只读属性告诉选择范围的数量。在用户点击页面之前，范围计数为 0。当用户点击时，的值范围计数为 1，即使没有进行选择。用户一次可以选择一个范围，因此范围计数通常为 1。浏览器还支持跨表进行多项选择。

示例 1：这个例子展示了基本用法范围计数属性。

HTML


<html> 
  
<body> 
    <h1 style="color:green">GeeksforGeeks</h1> 
    <h3> Web API Selection.rangeCount property </h3> 
  
    <script>     
        document.onselectionchange = () => { 
              let selection = document.getSelection(); 
               console.log(selection.rangeCount); 
        }; 
    </script> 
 </body> 
</html>

输出：

示例 2：在此示例中，我们将使用以下命令禁用多个范围的选择removeRange()方法。您将无法多次选择文本。

HTML


<html> 
  
<body> 
      <h1 style="color:green">GeeksforGeeks</h1> 
      <h3> Web API Selection.rangeCount property </h3> 
   
     <script>     
        document.onselectionchange = () => { 
              let s = document.getSelection(); 
            console.log(s.rangeCount) 
            if (s.rangeCount > 1) { 
               s.removeRange(s.getRangeAt(1)); 
              } 
            } 
   </script> 
</body> 
</html>

输出：

相关用法

注：本文由纯净天空筛选整理自nikhilkalburgi大神的英文原创作品 Web API Selection.rangeCount Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。