ホームページ  >  記事  >  ウェブフロントエンド  >  API範囲オブジェクト

API範囲オブジェクト

高洛峰
高洛峰オリジナル
2017-02-09 14:48:501522ブラウズ

range オブジェクト:
は、ノードまたはテキスト ノードの一部を含むフラグメント (HTML フラグメント) です。通常の状況では、ページ上に同時に存在できる範囲は 1 つだけであるか、複数の範囲が存在する場合があります (複数選択するには Ctrl キーを使用しますが、Chrome などの一部のブラウザではそれが許可されていません)。
選択範囲から範囲オブジェクトを取得することも、document.createRange() メソッドを使用して取得することもできます
1.getSelection(): ページ上で選択されている情報を取得します
2.rangeCount: 間隔の数、選択されたコンテンツの数;
3.selection.rangeCount;
4.selection.getRangeAt(i);

5.createRange() メソッドは範囲オブジェクトを作成します;

<!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>

API 範囲オブジェクト関連の記事を参照してください。 PHP中国語ウェブサイトへ!

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。