Heim > Web-Frontend > H5-Tutorial > API-Bereichsobjekt

API-Bereichsobjekt

高洛峰
Freigeben: 2017-02-09 14:48:50
Original
1545 Leute haben es durchsucht

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);

5.createRange()-Methode erstellt ein Bereichsobjekt ;

<!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>
Nach dem Login kopieren
Weitere APIs Für Artikel zu Bereichsobjekten beachten Sie bitte die chinesische PHP-Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage