Ermitteln der Caret-Position in einem Textbereich Bestimmen der Caret-Position innerhalb eines Das Element ist für verschiedene Textbearbeitungsvorgänge von entscheidender Bedeutung. In JavaScript gibt es je nach verwendetem Browser unterschiedliche Ansätze, um dies zu erreichen.</p> <p>Für moderne Browser wie Firefox und Safari, die die Eigenschaft „selectionStart“ unterstützen, ist das Ermitteln der Spaltenposition des Caretzeichens unkompliziert:</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>function getCaretColumn(textarea) { return textarea.selectionStart; }</pre><div class="contentsignin">Nach dem Login kopieren</div></div> <p>In IE und älteren Browsern ist diese Eigenschaft jedoch nicht verfügbar, sodass eine komplexere Vorgehensweise erforderlich ist Lösung:</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>function getCaretColumnIE(textarea) { var caret = document.selection.createRange(); var length = 0; var dul = caret.duplicate(); dul.moveToElementText(textarea); sel.text = '<pre>function getSurroundingStrings(textarea) { var start = textarea.selectionStart; var end = textarea.selectionEnd; return [ textarea.value.slice(0, start), textarea.value.slice(start, end), textarea.value.slice(end) ]; }</pre><div class="contentsignin">Nach dem Login kopieren</div></div>1'; length = dul.text.indexOf('1'); sel.moveStart('character', -1); sel.text = ""; return length; }</pre> <p><strong>Strings rund um den Cursor abrufen</strong></p> <p>Um die Strings rund um den Cursor oder die Auswahl abzurufen, können wir eine Kombination aus dem Abrufen des Start- und End-Caret verwenden Positionen, zusammen mit dem Schneiden des Textbereichswerts:</p> <p>In Fällen, in denen ein Wort oder Text hervorgehoben ist, würde diese Funktion die zurückgeben Zeichenfolgen vor, innerhalb und nach der Auswahl.</p>
