Comment puis-je obtenir la position du curseur et le texte environnant dans une zone de texte ?

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é.

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 :

function getCaretColumn(textarea) {
  return textarea.selectionStart;
}

Cependant, dans IE et les anciens navigateurs, cette propriété n'est pas disponible, ce qui nécessite une configuration plus complexe. solution :

function getCaretColumnIE(textarea) {
  var caret = document.selection.createRange();
  var length = 0;
  var dul = caret.duplicate();
  dul.moveToElementText(textarea);
  sel.text = '<pre class="brush:php;toolbar:false">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)
  ];
}

1'; length = dul.text.indexOf('1'); sel.moveStart('character', -1); sel.text = ""; return length; }

Obtenir les chaînes entourant le curseur

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 :

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.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!