Obtention de la position de la colonne Caret dans les caractères d'une zone de texte Détermination de la position du curseur dans une zone de texte est nécessaire pour permettre diverses opérations d’édition de texte. Comment y parvenir en JavaScript, en tenant compte des nuances des différents navigateurs ?</p> <p>Pour les navigateurs comme Firefox et Safari, l'utilisation de textarea.selectionStart fournit une solution simple. Toutefois, dans Internet Explorer, une approche alternative est requise. Voici une solution robuste qui répond aux deux cas :</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">Copier après la connexion</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>De plus, le plugin jQuery FieldSelection offre un moyen pratique de récupérer la position du curseur et d'effectuer des opérations avancées de sélection de texte.</p> <p><strong> Implémentation mise à jour :</strong></p> <p>Voici une version mise à jour de la fonction getCaret qui fournit des fonctionnalités améliorées. précision :</p> <p>Avec ces solutions, vous pouvez déterminer efficacement la position précise du curseur dans une <textarea> en JavaScript, quel que soit le navigateur que vous utilisez.</p>
