テキストを選択したときに表示される青いボックスのサイズ(幅と高さ)を取得できるかどうかを知りたかったのです。だから、 青いテキスト選択のサイズを取得するには?
答えて
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
あなたの返信Rokoをありがとうが、私はテキストを選択すると、選択範囲を得ることができたと思っていた。例では、私は単語 "テキスト"を選択し、それは私にそのテキストの選択ボックスのサイズを与えますが、それは私が選択したすべてのテキストで動作するはずです。選択したテキストを、それが動作するスパンに入れる方法がある場合。 –
@HebertAG OKは私の答えを編集しました。どのような方法でも '.getBoundingClientRect()'を使用します:) –
これはまさに私が探していたものです。ありがとう!選択ボックスの位置(xとy)を得る方法があるかどうか知っていますか?これはちょうど好奇心の外です、私が欲しかったのはちょうど次元でした。 –
- 1. タポールイベントで選択したテキストを取得
- 2. 選択できない要素以外の選択されたテキストを取得
- 3. Android:ListViewの選択後に青い背景を維持する
- 4. 選択したインデックスのテキストを取得するWPF ComboBox
- 5. 他のフレームから選択されたテキストを取得する
- 6. Androidが選択されたスピナーのテキストを取得する
- 7. JavaScriptでtextarea要素内の選択したテキストを取得するには?
- 8. Chrome拡張機能で選択したテキストを取得する
- 9. Safari拡張機能で選択したテキストを取得する
- 10. ブラウザから選択したテキストを取得する
- 11. Firefox拡張機能:選択したテキストを取得する
- 12. IPad 2で選択したテキストをJavaScriptで取得する
- 13. system.web.mvc.selectlistから選択したテキストを取得する方法
- 14. uiwebviewから選択したテキストを取得するXcode
- 15. テキスト選択で要素を取得する
- 16. div +ドロップダウンリストのすべてのテキストを取得選択したアイテム
- 17. ContentEditable DIVで選択したテキストを取得しますか?
- 18. UIWebViewで選択したテキストの座標(CGRect)を取得する方法は?
- 19. asp.netコードビハインドでhtml選択テキストを選択するには?
- 20. jQueryで選択したオプションのテキストを取得
- 21. WPFリストボックスで選択した項目のテキストを取得
- 22. JEditorPaneで選択されたテキストのフォントを取得
- 23. 選択したテキストの親要素を取得
- 24. db.Propertyの選択を取得する
- 25. リストの選択項目からテキストを取得し、そのテキストをTextViewに設定する方法は?
- 26. ランダムに選択肢xの量を選択するコードを取得する
- 27. ココアのアクティブアプリケーションで現在選択されているテキストを取得
- 28. HTMLタグを含む選択したテキストを取得
- 29. フォームの選択オプションのテキストと値を取得するにはどうすればよいですか?
- 30. VS 2010 addin:エディタで選択したテキストを取得
あなたは何を試しましたか? – Xzandro
まだありません。私はそれを行う方法の絶対に何の手がかりも持っていません。私はまだプログラミングの初心者です。 –