Ermitteln der Caret-Spaltenposition in Zeichen in einem Textbereich Bestimmen der Caret-Spaltenposition in einem ist erforderlich, um verschiedene Textbearbeitungsvorgänge zu ermöglichen. Wie erreichen wir dies in JavaScript unter Berücksichtigung der Nuancen verschiedener Browser?</p> <p>Für Browser wie Firefox und Safari bietet die Verwendung von textarea.selectionStart eine einfache Lösung. Im Internet Explorer ist jedoch ein alternativer Ansatz erforderlich. Hier ist eine robuste Lösung, die beide Fälle abdeckt:</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>function getCaret(node) { if (node.selectionStart) { return node.selectionStart; } else if (!document.selection) { return 0; } var c = "<pre>function getCaret(el) { if (el.selectionStart) { return el.selectionStart; } else if (document.selection) { el.focus(); var r = document.selection.createRange(); if (r == null) { return 0; } var re = el.createTextRange(), rc = re.duplicate(); re.moveToBookmark(r.getBookmark()); rc.setEndPoint('EndToStart', re); return rc.text.length; } return 0; }</pre><div class="contentsignin">Nach dem Login kopieren</div></div>1", sel = document.selection.createRange(), dul = sel.duplicate(), len = 0; dul.moveToElementText(node); sel.text = c; len = dul.text.indexOf(c); sel.moveStart('character',-1); sel.text = ""; return len; }</pre> <p>Darüber hinaus bietet das jQuery FieldSelection Plugin eine praktische Möglichkeit, die Caret-Position abzurufen und erweiterte Textauswahlvorgänge durchzuführen.</p> <p><strong> Aktualisierte Implementierung:</strong></p> <p>Hier ist eine aktualisierte Version der getCaret-Funktion, die Verbesserungen bietet Genauigkeit:</p> <p>Mit diesen Lösungen können Sie effektiv die genaue Caret-Position innerhalb eines <textarea> bestimmen. in JavaScript, unabhängig vom verwendeten Browser.</p>
