當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


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。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。