Maison > interface Web > js tutoriel > Comment obtenir la position du curseur dans un champ de saisie de texte ?

Comment obtenir la position du curseur dans un champ de saisie de texte ?

Mary-Kate Olsen
Libérer: 2024-12-14 01:14:12
original
663 Les gens l'ont consulté

How to Get the Cursor Position in a Text Input Field?

Position du curseur dans les champs de saisie

Requête :

Comment pouvez-vous déterminer la position du curseur (en caractères) dans un saisie de texte field?

Réponse :

Solution améliorée :

Utilisez field.selectionStart comme mentionné dans la réponse fournie.

Solution originale :

Pour intégration non jQuery, le code suivant peut être utilisé :

/*
Returns the caret (cursor) position of the specified text field (oField).
Return value range is 0-oField.value.length.
*/
function doGetCaretPosition(oField) {
  // Initialize
  var iCaretPos = 0;

  // IE Support
  if (document.selection) {
    // Set focus on the element
    oField.focus();

    // To get cursor position, get empty selection range
    var oSel = document.selection.createRange();

    // Move selection start to 0 position
    oSel.moveStart('character', -oField.value.length);

    // The caret position is selection length
    iCaretPos = oSel.text.length;
  }

  // Firefox support
  else if (oField.selectionStart || oField.selectionStart == '0')
    iCaretPos = oField.selectionDirection=='backward' ? oField.selectionStart : oField.selectionEnd;

  // Return results
  return iCaretPos;
}
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal