ホームページ > 記事 > ウェブフロントエンド > API範囲オブジェクト
range オブジェクト:
は、ノードまたはテキスト ノードの一部を含むフラグメント (HTML フラグメント) です。通常の状況では、ページ上に同時に存在できる範囲は 1 つだけであるか、複数の範囲が存在する場合があります (複数選択するには Ctrl キーを使用しますが、Chrome などの一部のブラウザではそれが許可されていません)。
選択範囲から範囲オブジェクトを取得することも、document.createRange() メソッドを使用して取得することもできます
1.getSelection(): ページ上で選択されている情報を取得します
2.rangeCount: 間隔の数、選択されたコンテンツの数;
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>API 範囲オブジェクト関連の記事を参照してください。 PHP中国語ウェブサイトへ!