Heim > Artikel > Web-Frontend > API-Bereichsobjekt

API-Bereichsobjekt

高洛峰Original: 2017-02-09 14:48:501522Durchsuche

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>

Weitere APIs Für Artikel zu Bereichsobjekten beachten Sie bitte die chinesische PHP-Website!

Stellungnahme：

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

Vorheriger Artikel：selectNode und andere Methoden des BereichsobjektsNächster Artikel：selectNode und andere Methoden des Bereichsobjekts

In Verbindung stehende Artikel

Mehr sehen