Ich wollte wissen, ob es möglich ist, die Größe (die Breite und Höhe) der blauen Box zu erhalten, die erscheint, wenn Sie einen Text auswählen. Wie bekomme ich die Größe der blauen Textauswahl?
Antwort
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>
So, nachdem Sie die Auswahl des Bereichs .getBoundingClientRect()
in eine bcr
Variable bekam man von jetzt an jeden beliebigen Wert abrufen können, dass diese Methode wie
Breite bietet, Höhe, oben, links, rechts, unten
https://developer.mozilla.org/en/docs/Web/API/Element/getBoundingClientRect
Danke für deine Antwort Roko, aber ich hatte gehofft, dass ich die Auswahldimensionen bekommen konnte, als ich den Text wählte. Beispiel, ich wähle das Wort "text" und es gibt mir die Größe der Auswahlbox für diesen Text, aber es sollte für jeden Text funktionieren, den ich auswähle. Wenn es eine Möglichkeit gibt, den ausgewählten Text in eine Spanne zu setzen, als er funktionieren würde. –
@HebertAG OK bearbeitet meine Antwort, in irgendeiner Weise verwenden '.getBoundingClientRect()' :) –
Das ist genau das, was ich gesucht habe. Vielen Dank! Weißt du, ob es eine Möglichkeit gibt, die Auswahlboxposition (x und y) zu bekommen? Das ist nur aus Neugier, was ich wollte, war nur die Dimensionen. –
- 1. Wie bekomme ich die Größe einer Fläche in JavaCV?
- 2. Wie bekomme ich die Größe der HTTP Response?
- 3. Wie bekomme ich die Byte-Größe der Anfrage?
- 4. Wie bekomme ich die Größe der Spalte in mysql Tabelle
- 5. Wie bekomme ich die Größe der MySQL-Datenbank?
- 6. Wie kann ich die Textauswahl spiegeln?
- 7. Deaktivieren der Textauswahl in Chrome
- 8. Wie bekomme ich die Briefbreite?
- 9. Wie implementiert man Textauswahl?
- 10. Wie bekomme ich die Größe von dailymotion Videos?
- 11. Wie bekomme ich die Größe eines Arrays in Cobol?
- 12. Wie bekomme ich die Größe einer Komponente in react-native?
- 13. Wie bekomme ich die Größe einer Boto3-Sammlung?
- 14. Wie bekomme ich die richtige Größe von UITableViewCell?
- 15. Wie ändere ich die blauen Ränder in VS 2010?
- 16. Wie bekomme ich Matplotlib Figur Größe
- 17. Wie bekomme ich eine Array-Größe
- 18. Wie bekomme ich die Größe (KB) von UIImage
- 19. Wie bekomme ich die Block-Header-Größe in Oracle?
- 20. Wie bekomme ich die Größe eines eingebetteten Bildes/swf?
- 21. TSQL: Wie bekomme ich die Größe des Transaktionslogs?
- 22. Wie bekomme ich die Größe des eigenen Fensters?
- 23. Wie bekomme ich die aktuelle Größe eines Matrixstacks in OpenGL?
- 24. Wie bekomme ich die Größe eines Iphone-Kontext
- 25. Wie bekomme ich die Größe eines RSA-Schlüssels in Java
- 26. Wie bekomme ich echte JPanel Größe?
- 27. Wie bekomme ich die Dialoggröße?
- 28. Wie kann ich die Textauswahl vorübergehend mit JavaScript deaktivieren?
- 29. Wie reduziere ich die Größe der JRE?
- 30. Wie lautet der Standardstil der blauen Fokuskontur in Chrome?
Was haben Sie versucht? – Xzandro
Noch nichts. Ich habe absolut keine Ahnung, wie es geht. Ich bin noch ein Anfänger im Programmieren. –