青いテキスト選択のサイズを取得するには？

テキストを選択したときに表示される青いボックスのサイズ（幅と高さ）を取得できるかどうかを知りたかったのです。だから、青いテキスト選択のサイズを取得するには？

2016-04-13 Hebert AG

あなたは何を試しましたか？ – Xzandro

まだありません。私はそれを行う方法の絶対に何の手がかりも持っていません。私はまだプログラミングの初心者です。 –

document.getElementById("area").addEventListener("mouseup", function() { 
 
    var bcr = getSelection().getRangeAt(0).getBoundingClientRect(); 
 
    document.getElementById("info").innerHTML = "W: "+ bcr.width +' H:'+ bcr.height; 
 
}, false);

<div id="area"> 
 
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat consectetur incidunt vel praesentium cum blanditiis tempora doloribus culpa odit! Labore at cum ad, voluptas nobis nam iste non omnis vitae? 
 
</div> 
 
<b id="info"></b>

あなたは、この方法は、このような

幅、高さとして提供することを任意の値に、今から取得することができbcr変数に選択の範囲.getBoundingClientRect()を得た後、右下、左上、

https://developer.mozilla.org/en/docs/Web/API/Element/getBoundingClientRect

出典

2016-04-13 00:36:39

あなたの返信Rokoをありがとうが、私はテキストを選択すると、選択範囲を得ることができたと思っていた。例では、私は単語 "テキスト"を選択し、それは私にそのテキストの選択ボックスのサイズを与えますが、それは私が選択したすべてのテキストで動作するはずです。選択したテキストを、それが動作するスパンに入れる方法がある場合。 –

@HebertAG OKは私の答えを編集しました。どのような方法でも '.getBoundingClientRect（）'を使用します:) –

これはまさに私が探していたものです。ありがとう！選択ボックスの位置（xとy）を得る方法があるかどうか知っていますか？これはちょうど好奇心の外です、私が欲しかったのはちょうど次元でした。 –

青いテキスト選択のサイズを取得するには？

答えて

関連する問題