Obtention de la position du curseur dans une zone de texte Détermination de la position du curseur dans une zone de texte L’élément est crucial pour diverses opérations d’édition de texte. En JavaScript, il existe des approches distinctes pour y parvenir en fonction du navigateur utilisé.</p> <p>Pour les navigateurs modernes comme Firefox et Safari qui prennent en charge la propriété selectionStart, obtenir la position de la colonne du curseur est simple :</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>function getCaretColumn(textarea) { return textarea.selectionStart; }</pre><div class="contentsignin">Copier après la connexion</div></div> <p>Cependant, dans IE et les anciens navigateurs, cette propriété n'est pas disponible, ce qui nécessite une configuration plus complexe. solution :</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">Copier après la connexion</div></div>1'; length = dul.text.indexOf('1'); sel.moveStart('character', -1); sel.text = ""; return length; }</pre> <p><strong>Obtenir les chaînes entourant le curseur</strong></p> <p>Pour récupérer les chaînes entourant le curseur ou la sélection, nous pouvons utiliser une combinaison d'obtention du curseur de début et de fin positions, ainsi que le découpage de la valeur de la zone de texte :</p> <p>Dans les cas où un mot ou un texte est mis en surbrillance, cette fonction renverrait les chaînes avant, dans et après la sélection.</p>
