API-Bereichsobjekt-H5-Tutorial-php.cn

Heim

Web-Frontend

H5-Tutorial

API-Bereichsobjekt

Feb 09, 2017 pm 02:48 PM

api range

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 ;

&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;title&gt;range对象&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    selection对象和range对象
    &lt;input type=&quot;button&quot; value=&quot;点击&quot; onclick=&quot;use()&quot;&gt;
    &lt;div id=&quot;rangeDiv&quot;&gt;&lt;/div&gt;
    &lt;script&gt;
        function use() {
            var html;
            rangeDiv=document.getElementById(&quot;rangeDiv&quot;);
            selection=document.getSelection();
            if(selection.rangeCount&gt;0){
                html=&quot;您选择了&quot;+selection.rangeCount+&quot;段内容&lt;br/&gt;&quot; ;
                for(var i=0;i&lt;selection.rangeCount;i++){
                    var range=selection.getRangeAt(i);
                        html+=&quot;第&quot;+(i+1)+&quot;段内容为:&quot;+range+&quot;&lt;br/&gt;&quot;;
                }
                rangeDiv.innerHTML=html;
            }
        }
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

Nach dem Login kopieren

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

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