Bereichsobjekt:
ist ein Fragment (HTML-Fragment), das einen Knoten oder einen Teil eines Textknotens enthält. Unter normalen Umständen kann es sein, dass es gleichzeitig nur einen Bereich
auf der Seite gibt, oder es können mehrere Bereiche vorhanden sein (verwenden Sie die Strg-Taste für Mehrfachauswahlen, einige Browser erlauben dies jedoch nicht, z. B. Chrome).
Sie können das Bereichsobjekt aus der Auswahl abrufen oder die Methode document.createRange() verwenden, um es abzurufen
1.getSelection(): Rufen Sie die ausgewählten Informationen auf der Seite ab; rangeCount: Die Anzahl der Intervalle, wie viele Inhalte ausgewählt werden ;
3.selection.rangeCount;
4.selection.getRangeAt(i);
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>range对象</title> </head> <body> selection对象和range对象 <input type="button" value="点击" onclick="use()"> <div id="rangeDiv"></div> <script> function use() { var html; rangeDiv=document.getElementById("rangeDiv"); selection=document.getSelection(); if(selection.rangeCount>0){ html="您选择了"+selection.rangeCount+"段内容<br/>" ; for(var i=0;i<selection.rangeCount;i++){ var range=selection.getRangeAt(i); html+="第"+(i+1)+"段内容为:"+range+"<br/>"; } rangeDiv.innerHTML=html; } } </script> </body> </html>