ホームページ >ウェブフロントエンド >H5 チュートリアル >API範囲オブジェクト
API範囲オブジェクト
- 高洛峰オリジナル
- 2017-02-09 14:48:501580ブラウズ
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中国語ウェブサイトへ！ 声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。